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

https://github.com/taesaksit/todolist-webapp

React frontend + Express backend | Todolist application with user authentication using JWT
https://github.com/taesaksit/todolist-webapp

express-js mongodb-atlas reactts todolist

Last synced: 1 day ago
JSON representation

React frontend + Express backend | Todolist application with user authentication using JWT

Awesome Lists containing this project

README

          

# TODO List Web App

A simple TODO List app with JWT login, built to practice the MERN stack (MongoDB, Express, React, Node.js).

## Demo
image
image
image

## Run Locally

1. Clone the project

```bash
git clone https://github.com/taesaksit/todolist-webapp.git
```

2. Go to the backend directory and install

```bash
cd backend
npm install

```
3. Start backend

```bash
nodemon server.js
```

4. go to the frontend directory and install

```bash
cd todolist
npm install

```

5. Start frontend

```bash
npm run dev
```

## Tech Stack

**Client:** React, TailwindCSS

**Server:** Node, Express, MongoDB

## Environment for Backend

`PORT = 8000`

`JWT_SECRET = your_jwt_secret_key`

`MONGO_URL = mongodb://localhost:27017/mydatabase`

`PATH_API = /api`

## Environment for Frontend

`VITE_BASE_URL = http://localhost:8000/api`