This is a Next.js project bootstrapped with create-next-app
.
Your objective is to create a very simple task manager using this Next.JS bootstrapped project Development steps, please keep in mind that we are assessing the ability of a dev to create commits for each successful step
- Fork this project into your own GitHub repo.
- Using the provided API fetch the list of todos and create a simple table for these todos Your todo list needs to be able to update a record (and return the list of records updated) and delete a record (and return the list of records without the deleted one)
- Add firebase (or any other cloud DB) to store the tasks and change the API so that it communicates with that DB Credentials should be stored in an .env var and used in the API as a server-side rendered item and not in the client front end
- Deploy to Vercel, add credentials, test, and share the link back with us
- Optional Bonus: add login/login auth with JWT and auth users that will use the todo list
Design: https://www.figma.com/file/e2z5BD5mtYQjAlHAWAnCF4/Double-slash-Take-Away-Test Font: https://fonts.google.com/specimen/Poppins
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.