https://github.com/hoowc/next-todo-app-interview

https://github.com/hoowc/next-todo-app-interview

bootstrap5 calendar nextjs

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/hoowc/next-todo-app-interview
• Owner: HooWC
• Created: 2024-11-22T06:14:05.000Z (about 2 months ago)
• Default Branch: master
• Last Pushed: 2024-11-22T07:06:22.000Z (about 2 months ago)
• Last Synced: 2024-11-22T07:29:58.696Z (about 2 months ago)
• Topics: bootstrap5, calendar, nextjs
• Language: JavaScript
• Homepage: https://next-todo-app-gamma-eight.vercel.app
• Size: 66.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Install NextJS

```

npx create-next-app@latest your-todo-app

```

### The default version is `19.0.0-rc` for testing, you need to lower the version

```

npm install react@18 react-dom@18

```

### Install Bootstrap

```

npm install bootstrap

npm install react-bootstrap

npm install bootstrap-icons

```

### Import Bootstrap

```

import 'bootstrap/dist/css/bootstrap.min.css';

import 'bootstrap-icons/font/bootstrap-icons.css';

```

### Install Calendar

```

npm install react-calendar

```

### Install provides language localization configuration

```

npm install date-fns

```

### Install drag effect

```

npm install react-beautiful-dnd

```

### Install UUID for Task ID

```

npm install uuid

```

### Install Export to Excel & CSV

```

npm install json2csv xlsx

```

### Start Project

```

npm run dev

```

------

### This project is developed using `NextJS` to implement a simple Todo Task List

#### It has the following functions

1. Create tasks

2. Filter tasks

3. Export Excel and CSV files

4. Delete tasks

5. Modify task information

6. Pagination

7. Mobile version support

8. Search function

9. View calendar

10. Browser online data storage