NextjsTypeScriptApolloGraphQL App
Budget: £20 – £250 GBP
This is a basic app using Next.js, Apollo GraphQL and REACT
.......................................................................................................
Make a copy of the repo: https://github.com/arunoda/next-apollo-demo
Using the latest version of Next.js, React, Apollo GraphQL
Refactor the code as deemed fit. Use features of REACT like Hooks, Suspense Lazy, TypeScript
Create a GraphQL Query and Resolver that will generate a dummy list of about 2000 names with their addresses, email and phone numbers. Feel free to use any fake data generator library
4. Create a New Page in Nextjs where you display these names and addresses as a grid Sof card tiles. The page needs to be responsive.
5. Implement Lazyloading / Infinite scrolls so that you load 20 cards each time you
click a ‘Load More’ button, which you would need to create.
6. Add Unit Tests using Jest and React Testing Library.
7. Dockerize the server and client app and use docker-compose so that the
app can run locally using docker-compose.
.......................................................................................................
Make a copy of the repo: https://github.com/arunoda/next-apollo-demo
Using the latest version of Next.js, React, Apollo GraphQL
Refactor the code as deemed fit. Use features of REACT like Hooks, Suspense Lazy, TypeScript
Create a GraphQL Query and Resolver that will generate a dummy list of about 2000 names with their addresses, email and phone numbers. Feel free to use any fake data generator library
4. Create a New Page in Nextjs where you display these names and addresses as a grid Sof card tiles. The page needs to be responsive.
5. Implement Lazyloading / Infinite scrolls so that you load 20 cards each time you
click a ‘Load More’ button, which you would need to create.
6. Add Unit Tests using Jest and React Testing Library.
7. Dockerize the server and client app and use docker-compose so that the
app can run locally using docker-compose.