Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/teagucordeiro/react-todolist
- Owner: teagucordeiro
- License: mit
- Created: 2023-02-02T22:06:05.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-27T23:17:47.000Z (over 1 year ago)
- Last Synced: 2024-06-04T19:05:36.808Z (5 months ago)
- Topics: mobx, react, styled-components, typescript
- Language: TypeScript
- Homepage: https://react-to-do-list-rose.vercel.app
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
ToDo List
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**
Thiago OliveiraDone 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).