Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/teagucordeiro/react-todolist

πŸ“ A to-do list that allows adding, editing, and deleting tasks.
https://github.com/teagucordeiro/react-todolist

mobx react styled-components typescript

Last synced: 6 days ago
JSON representation

πŸ“ A to-do list that allows adding, editing, and deleting tasks.

Awesome Lists containing this project

README

        

ToDo List


Tamanho do RepositΓ³rio
GitHub last commit

Made by Thiago Oliveira

License of the project


About β€’
Extra features β€’
Technologies β€’
Status β€’
Deploy β€’
Running β€’
Author β€’
License

## :bookmark_tabs: About

Project developed during the React course taught by [B7web](https://alunos.b7web.com.br/login). The project is a task list, which allows adding tasks, deleting and editing.

---

## :fire: Extra features

- [x] Application refactoring using componentization
- [x] Added global state management with MobX

---

### :hammer: **Technologies**

The following tools were used in the construction of the project:

- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled components](https://styled-components.com/)
- [MobX](https://mobx.js.org/README.html)

---

### :triangular_ruler: **Project Status**


πŸ‘¨β€πŸ« The project has already been completed!

### :computer: Deploy


See the running project: ToDo List

### :dvd: **Running the Project**

```bash
# Clone this repository
$ git clone https://github.com/ThiagoCordeiro52/react-ToDoList.git

# Access the project folder in terminal/cmd
$ cd react-ToDoList

# Install the project dependencies
$ npm install
# or
$ yarn install

# Run the development server
$ npm run dev
# or
$ yarn dev
```

Open [http://localhost:3333](http://localhost:3333) with your browser to see the result.

### :boy: **Author**



Foto de Perfil Thiago Oliveira


Thiago Oliveira

Done with ❀️ by Thiago Oliveira πŸ‘‹πŸ½ Contact me!

[![Linkedin Badge](https://img.shields.io/badge/-Thiago_Oliveira-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/thiago-de-oliveira-cordeiro-32562b1b6/)](https://www.linkedin.com/in/thiago-de-oliveira-cordeiro-32562b1b6/)
[![Github Badge](https://img.shields.io/badge/-Thiago_Oliveira-000?style=flat-square&logo=Github&logoColor=white&link=https://github.com/ThiagoCordeiro52)](https://github.com/ThiagoCordeiro52)

---

### :page_facing_up: **License**


This project is licensed by [MIT](./LICENSE).