Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rohittcodes/todoist

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/rohittcodes/todoist
Owner: rohittcodes
Created: 2024-08-05T18:07:28.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-08-08T18:43:54.000Z (6 months ago)
Last Synced: 2025-01-28T20:15:09.137Z (13 days ago)
Language: JavaScript
Size: 707 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

# Todoist frontend

Todoist - by [RohittCodes](https://github.com/RohittCodes) is showcasing a todo application

## Table of Contents 📑

- [CodeMonkey.js 🐒](#codemonkeyjs-)
- [Table of Contents 📑](#table-of-contents-)
- [Demo 🗓️](#demo-)
- [Features 🎉](#features-)
- [Tech Stack 🛠️](#tech-stack-️)
- [Installation and Setup Instructions 📚](#installation-and-setup-instructions-)
- [Contributing 🤝](#contributing-)
- [Collaborators 🤖](#collaborators-)

## Demo
![Screenshot 2024-08-08 171922](https://github.com/user-attachments/assets/3d16f3da-a75e-4b15-9299-99901fc30df3)

![Screenshot 2024-08-08 171930](https://github.com/user-attachments/assets/db1bdd38-c66c-44ca-808b-ce01f4213783)

![Screenshot 2024-08-08 220350](https://github.com/user-attachments/assets/2dcfcf3a-8305-4da1-a905-41a96cdc39f0)

![Screenshot 2024-08-08 220321](https://github.com/user-attachments/assets/1781637d-05fb-43ea-bcbc-b48b36ada468)

## Features

- **Secure Authentication System** - User authentication is done using JWT tokens.

- **Create, Update, Delete Todos** - Users can create, update and delete todos.
- **Filter Todos** - Users can filter todos based on their status.
- **Responsive Design** - The application is fully responsive and works on all devices.
- **Calendar View** - Users can view their todos in a calendar view.

## Tech Stack 🛠️

- **️Frontend** - React, NextUI, TailwindCSS
- **Backend** - Node.js, Express.js, MongoDB
- **Authentication** - JWT
- **Deployment** - Render, Netlify

## Installation and Setup Instructions 📚

1. Clone down this repository. You will need `node` and `npm` installed globally on your machine.

```bash
git clone https://github.com/RohittCodes/todoist.git

cd todoist
```

- Let's start with the backend first

1. Navigate to the backend directory

```bash
cd backend
```

2. Install the required packages

```bash
npm install
```

3. Start the backend server

```bash
npm run dev
```

- Now, let's move to the frontend

1. Navigate to the frontend directory

```bash
cd frontend
```

2. Install the required packages

```bash
npm install
```

3. Start the frontend server

```bash
npm run dev
```

The application should now be running on [localhost:3000](http://localhost:3000/)

The backend server should now be running on [localhost:5000](http://localhost:5000/)