Skip to content

By using Next.js, the Todo application benefits from its fast performance, automatic code splitting, and optimized loading times, making the task management process more efficient and user-friendly. The use of TypeScript helps ensure the reliability and maintainability of the code, and makes it easier for developers to catch errors early.

License

Notifications You must be signed in to change notification settings

Jimpad/todo-app-nextjs-mui

Repository files navigation

Contributors Stargazers MIT License LinkedIn

Logo

Powered by
Vercel

Introduction

Todo application built to keep track of errands or tasks that need to be done. This application will be like a task keeper where the user would be able to enter the tasks that they need to do. Once they are done with their tasks they can also remove them from the list or create several lists each with unique tasks.

Getting Started

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.tsx. 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.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Database Included

I included the .env file containing the URI to my database for testing.

NextJS with Cypress

# Start Cypress
npm run cypress
npm run cypress:headless

# Start E2E Tests
npm run e2e
npm run e2e:headless

Deploy on Vercel

Application is deployed on vercel and can be found under the following link.

Check out the Next.js deployment documentation for more details.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

About

By using Next.js, the Todo application benefits from its fast performance, automatic code splitting, and optimized loading times, making the task management process more efficient and user-friendly. The use of TypeScript helps ensure the reliability and maintainability of the code, and makes it easier for developers to catch errors early.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published