Front End MVP features

[spences10]

Let's discuss MVP features for the front end

Please add any thoughts you have on what the features are for the front end, we can add them to a checklist here, which can then be added to the MVP Checklist this will help with the planning of the next stage of the project.

[mar-bi]

Our tools 🔨

1. Gatsby
2. styled-components
3. CSS Grid

[spences10]

But they're tools, not features 🙃

[mar-bi]

Well, our features:

• we are using React and best practices of React to build components and then assemble pages from components
• we are doing CSS in JS with styled-componets and loading page colours as props.theme
• we don't use libraries with built-in grids instead we build our own responsive grid with CSS Grid
• we use qraphQL queries to insert data into pages (one query till now but will be more)
• we use prop-types and eslint(last I switched off, because it makes my coding in atom quite impossible 🙃 )

[mar-bi]

Well, now I'm able to understand the question. 🤔
The font-end features of our MVP consists of:

1. 5 pages of grad.then() are built
2. all 5 pages are responsive

[mar-bi]

Create pages for:

• adding user content (project User Stories, issue UserStory: Button in Hero #129 )
• reading a whole text of story ( project User Stories, issue User Story: Read Story Button #130)
• authentication page for user ( project User Stories, issue UserStory: User auth page #232 )

[mar-bi]

Front-end MVP features in Voyage-6

• Pages
  • Main, Jobs, Learn, Events, Support, Stories pages;
  • Page for adding user content;
  • Page for reading the whole story;
  • Page for user authentication.

---

• Data
  • the app state is managed by React Context API (or Redux);
  • data layer is managed by Apollo qraphql client;
  • Jobs page has real content (data from 3-rd party API's or our DB);
  • Stories page has real content.

---

• Testing UI components
  • test for every component;
  • good coverage.