Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/doctorpok42/mytodo

An app to manage your tasks, projects and your life
https://github.com/doctorpok42/mytodo

nextjs react-dnd scss todolist ts

Last synced: 3 days ago
JSON representation

An app to manage your tasks, projects and your life

Awesome Lists containing this project

README

        



# My Todo

## Requirements

1. Node JS 12.16.1 or higher

```bash
$ node -v
v12.16.1
```

## Installation

1. Clone the repository

```bash
git clone [email protected]:DoctorPok42/MyTodo.git
```

2. Install dependencies

```bash
npm install
```

3. Add .env file

```bash
touch .env
```

4. Add the following variables to the .env file

```bash
MONGODB_URI= # Your mongodb uri
MONGODB_DB= # Your mongodb database name
ENCODE_KEY= # Your encode key
```

5. Run the project

```bash
npm run dev
```

## Usage

1. Go to http://localhost:3000

2. Create an account

3. Create a todo

4. Drag and drop the todo to the done section

5. Enjoy your todo list!

## Tech

- [Next.js](https://nextjs.org/)
- [TS](https://www.typescriptlang.org/)
- [SASS](https://sass-lang.com/)
- [React DnD](https://react-dnd.github.io/react-dnd/about)

## Folder structure

- **components** - Contains all the components used in the project
- **pages** - Contains all the pages used in the project
- **public** - Contains all the static files used in the project
- **styles** - Contains all the styles used in the project
- **api** - Contains all the routes api used in the project

## License

[MIT](https://github.com/DoctorPok42/MyTodo/blob/main/LICENSE)