Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hasnat-ahmed-goheer/next.js-todo-app
Welcome to the Next.js Todo App repository! This simple todo application is built with Next.js and utilizes the Todo API to generate and display a list of todos
https://github.com/hasnat-ahmed-goheer/next.js-todo-app
nextjs node react todo typescript
Last synced: 7 days ago
JSON representation
Welcome to the Next.js Todo App repository! This simple todo application is built with Next.js and utilizes the Todo API to generate and display a list of todos
- Host: GitHub
- URL: https://github.com/hasnat-ahmed-goheer/next.js-todo-app
- Owner: Hasnat-Ahmed-Goheer
- Created: 2024-01-01T16:45:26.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-10T17:52:50.000Z (7 months ago)
- Last Synced: 2024-11-24T10:18:22.040Z (2 months ago)
- Topics: nextjs, node, react, todo, typescript
- Language: TypeScript
- Homepage:
- Size: 95.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Todo App
Welcome to the Next.js Todo App repository! This simple todo application is built with Next.js and utilizes the Todo API to generate and display a list of todos. Explore and enhance your understanding of Next.js by following these steps:
## Getting Started
1. **Clone the Repository:**
```
git clone https://github.com/Hasnat-Ahmed-Goheer/Next.js-todo-app.git
```
2. Navigate to the Project:
```
cd nextjs-route-practice
```
3. Install Dependencies:
```
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
4. Start the Development Server:
```
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
5. Open http://localhost:3000 in your browser to view the Todo App.
## Features
- Fetches and displays a list of todos from the Todo API.
- Allows users to interact with and manage their todos.
## Usage
This repository serves as a practical example of building a simple todo application with Next.js and connecting to an external API.
## Resources
- [Next.js Documentation](https://nextjs.org/docs)
- [Todo API Documentation](https://todo-api.com/docs/)
## License
This project is licensed under the [MIT License](LICENSE).