Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/carlarochabovi/todo-list

Responsive todo-list made with ReactJS and an API C-R-U-D
https://github.com/carlarochabovi/todo-list

axios axios-react dayjs fastify lucide-react prisma reactjs tailwindcss typescript typescript-react vite zod zod-validation

Last synced: 3 months ago
JSON representation

Responsive todo-list made with ReactJS and an API C-R-U-D

Awesome Lists containing this project

README

        

# Todo

A simple responsive to-do list made with ReactJS to help you organize yourself and avoid procrastination.

## Table of Contents
1. [Screenshots](#screenshots)
2. [Functionalities](#functionalities)
4. [Running Locally](#running-locally)
5. [Learnings](#learnings)
6. [About Me](#about-me)

## Screenshots

![Website Screenshot](./frontend/public/website-screenshot.jpg)

## Functionalities

- Add tasks and details to them
- Edit and delete your tasks as needed
- Filter your tasks to see which ones are already completed
- Responsive design

## Running Locally

Clone the project

```bash
git clone https://link-to-the-project
```

Navigate to the project directory

```bash
cd my-project
```

Install the dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

Repeat these steps for both frontend and backend files.

## Learnings

It was a simple website, but it took much longer than expected. It seemed simple, but there were a lot of things I had never done before in code.

## About me 🙂
I'm 17 years old, studying programming for fun. I aspire to be a full-stack developer.