Simple ToDo App

This is a simple ToDo app that allows users to login or register, create projects and/or todos.

Installation

To run this app locally, please follow the instructions below:

1. Clone this repository onto your local machine.
2. Navigate into the project directory in your terminal.
3. Run npm install in both server and client to install all the necessary dependencies.
4. Create a .env file in the root of the project directory and add the following environment variables:

DATABASE_URL=""
SALT_ROUNDS =  
PORT = 4000
ORIGIN = 'http://localhost:3000'
PRIVATE_KEY = ''
PUBLIC_KEY = ''
ACCESS_TOKEN_TTL = ''
REFRESH_TOKEN_TTL = ''
REACT_APP_BASE_URL=/api

5. Run npm start to start the app.
6. Open your browser and go to http://localhost:4000.

Usage

Registering

To register as a new user, click on the "Register" button and enter your details. Once you have submitted the form, you will be redirected to the login page.

Logging In

To log in as an existing user, enter your email address and password and click on the "Login" button.

Creating a Project

To create a new project, click on the "Create Project" button and enter the project details. Once you have submitted the form, the new project will be displayed on the Projects page.

Add Todos to a Project

To create a add a new todo to an existing project, click on the "+ symbol" button in a project and enter the todo details. Once you have submitted the form, the new todo will be displayed on the project.

Creating a ToDo

To create a new ToDo, click on the "Create ToDo" button and enter the ToDo details. Once you have submitted the form, the new ToDo will be displayed on the relevant Todos page.

Technologies Used

This app was built using the following technologies:

• Typescript
• Node.js
• Express.js
• Postgresql
• Prisma ORM
• React
• Framer motion
• Zod

Credits

This app was created by Sebastian Perichón.