Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/guicamargo19/lista_de_contatos

Projeto desenvolvido com React, Styled Components e Redux.
https://github.com/guicamargo19/lista_de_contatos

Last synced: 2 days ago
JSON representation

Projeto desenvolvido com React, Styled Components e Redux.

Awesome Lists containing this project

README

        

# Lista de Contatos

Esta lista de contatos possibilita a adicionar, editar e excluir contatos, foi construído com **ReactJS** com **TypeScript**,
**Redux** para gerenciar estado da aplicação, estilizado com **Styled Components** e o roteamento de páginas feito com
**React Router Dom** para implementação de uma **SPA** (Single Page Application).

Projeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.

## 🚀 Começando

Estas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de desenvolvimento e teste.

### Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

- **Node.js**
- **npm (geralmente vem com o Node.js)**

### Instalação

Siga estas etapas a seguir para configurar o ambiente de desenvolvimento:

1. Clone este repositório em sua máquina local.
2. Navegue até o diretório clonado.
3. Execute o seguinte comando para instalar as dependências:

**``npm install``**

### Executar o projeto

Para executar o projeto, execute o comando:

**``npm start``**

## 🛠️ Ferramentas utilizadas para construção do projeto

* **ReactJS** - Biblioteca front-end JavaScript de código aberto com foco em criar interfaces de usuário em páginas web.
* **Redux** - É uma biblioteca JavaScript de código aberto para gerenciar o estado do aplicativo.
* **React-Router-Dom** - Biblioteca JavaScript que fornece navegação e roteamento para aplicações React.
* **TypeScript** - Linguagem OpenSource desenvolvida pela Microsoft. É um superconjunto sintático estrito de JavaScript e adiciona tipagem estática opcional à linguagem.
* **Styled Components** - Uma biblioteca que nos permite escrever CSS em JavaScript enquanto construímos componentes customizados em ReactJS.
* **ESLint** - Linter, uma ferramenta de análise estática, para as linguagens Javascript e Typescript, sendo o mais popular do mundo para tais linguagens.

## ✒️ Autor

Guilherme Ferreira Camargo