Dev:
npm i
npm run dev
For the tests, in another terminal:
npm test
or
npm run test:open
If you want to see them run.
Production deployment:
https://vercel-nextjs-2-pied.vercel.app/
- Please document your code appropriately.
- Set up a NextJS project with TypeScript.
- Use the ChakraUI component library for UI elements.
- Have a welcome modal with two separate slides: a. On the first modal slide, have the user set a username. b. On the second modal slide, have the user set their job title. c. Save the user’s username and job title information in the way you best see fit. d. You should be able to view this information somewhere once you log in, and be able to change it. e. The user’s information should also be persisted.
- Use Apollo client to query a public GraphQL API.
- Display the GraphQL API data as items on an “Information Page” that is mobile and tablet compatible.
- Users should not be able to view the “Information Page” until the user has set their information.
- Have it so when you click a listed item on the “Information Page”, it should open a modal that displays the information about that item.
- Deploy on Vercel free tier.
- Tests with Cypress
- Types generated with graphql-codegen
- User is persisted in localstorage