Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/angelodesenvolvedor/todolist

Este projeto faz parte do curso Front-end em React na Ada Tech. O objetivo é criar um aplicativo de lista de tarefas onde os usuários podem adicionar, marcar como concluídas e excluir tarefas. É uma aplicação básica para praticar conceitos de desenvolvimento web utilizando React.js.
https://github.com/angelodesenvolvedor/todolist

nodejs npm react scss typescript

Last synced: 5 days ago
JSON representation

Este projeto faz parte do curso Front-end em React na Ada Tech. O objetivo é criar um aplicativo de lista de tarefas onde os usuários podem adicionar, marcar como concluídas e excluir tarefas. É uma aplicação básica para praticar conceitos de desenvolvimento web utilizando React.js.

Awesome Lists containing this project

README

        

## TodoList

**Um aplicativo simples para gerenciar suas tarefas diárias.**

🔥 **Introdução**

Este projeto faz parte do curso **Front-end em React** na Ada Tech. O objetivo é criar um aplicativo de lista de tarefas onde os usuários podem adicionar, marcar como concluídas e excluir tarefas. É uma aplicação básica para praticar conceitos de desenvolvimento web utilizando React.js.

⚙️ **Pré-requisitos**

Antes de começar, certifique-se de ter o seguinte instalado em seu sistema:

- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/)

🔨 **Guia de instalação**

Siga estes passos para configurar e executar o projeto localmente:

**Passo 1: Clonar o repositório**
```bash
git clone https://github.com/angelodesenvolvedor/todolist
cd todolist
```

**Passo 2: Instalar dependências**
```bash
npm install
```

**Passo 3: Rodar o projeto**
```bash
npm start
```

📦 **Tecnologias usadas:**

- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
- ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)
- ![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

🧑🏽‍💻 **Autor**

* **Angelo Silvano** - *Front-End Developer* - [angelodesenvolvedor](https://github.com/angelodesenvolvedor)