https://github.com/ibrsec/todonext
Todo app with NextJS and Typescript
https://github.com/ibrsec/todonext
axios nextjs tailwind typescript
Last synced: about 1 month ago
JSON representation
Todo app with NextJS and Typescript
- Host: GitHub
- URL: https://github.com/ibrsec/todonext
- Owner: ibrsec
- Created: 2024-05-29T14:46:49.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-09T12:30:58.000Z (almost 2 years ago)
- Last Synced: 2025-08-20T01:27:16.466Z (10 months ago)
- Topics: axios, nextjs, tailwind, typescript
- Language: TypeScript
- Homepage: https://todonext-mu.vercel.app
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Typescript Next Todo App
An awesome Typescript Next Todo App (next api)
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
## ℹ️ About The Project
[](https://todonext-mu.vercel.app/)
---
🎯 Used Next environment with typescript
🎯 Axios is used for requests
🖥 Todos are stored in ui
🖥 Todos can be added
🖥 Todos can be edited
🖥 Todos status can be changed to completed
🖥 Todos can be deleted
🌱 As Backend next js is used but any db is not used! So Datas are saved to the ui!
🌱 Because of that sometimes page needs a refresh
```sh
# clone the project
git clone https://github.com/ibrsec/todonext.git
# enter the project directory
cd todonext
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
todonext (folder)
|
|---public (folder)
|
+ |---src (folder)
| |---app (folder)
| | |---api (folder)
| | | └---todos (folder)
| | | |---[id] (folder)
| | | | └---route.ts
| | | |
| | | |---data.ts
| | | └---route.ts
| | |
| | |---global.css
| | |---layout.tsx
| | └---page.tsx
| |
| |
| |---dbConfig (folder)
| |
| |
| └---types.d.ts
|
|---next.config.mjs
|---postcss.config.mjs
|---tailwind.config.ts
|---.eslintrc.json
|----tsconfig.json
|----package.json
|----yarn.lock
└----readme.md
```
---
