Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eliasmcastro/rocketseat-ignite-reactjs-dt-money
Aplicação (DT Money) desenvolvida no Ignite [Trilha ReactJS] da Rocketseat
https://github.com/eliasmcastro/rocketseat-ignite-reactjs-dt-money
reactjs rocketseat typescript
Last synced: 16 days ago
JSON representation
Aplicação (DT Money) desenvolvida no Ignite [Trilha ReactJS] da Rocketseat
- Host: GitHub
- URL: https://github.com/eliasmcastro/rocketseat-ignite-reactjs-dt-money
- Owner: eliasmcastro
- Created: 2024-11-18T22:36:59.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-05T01:21:32.000Z (2 months ago)
- Last Synced: 2024-12-05T02:23:33.101Z (2 months ago)
- Topics: reactjs, rocketseat, typescript
- Language: TypeScript
- Homepage:
- Size: 517 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
DT Money
Aplicação de controle financeiro utilizando o ReactJS
Como executar o projeto |
Anotações
Front-end
## Como executar o projeto
### Clonar este repositório
```bash
git clone https://github.com/eliasmcastro/rocketseat-ignite-reactjs-dt-money.git
```
### Requisitos
- [Node.js](https://nodejs.org) na versão 16.14.0
- [Yarn](https://yarnpkg.com) na versão 1.22.5
### Passos para a execução
**1. Executar aplicação**
Instalar as dependências do projeto
```bash
yarn
```
Iniciar a aplicação
```bash
yarn start
```
A aplicação começará a ser executada em http://localhost:3000
## Anotações
### Criação do projeto
- `yarn create react-app dtmoney --template typescript` cria um projeto react utilizando o [create-react-app](https://create-react-app.dev/)
### Styled Components
- O styled-components permite que você escreva estilos CSS dentro de componentes ReactJS, utilizando a sintaxe do JavaScript
- `yarn add styled-components` para instalar o Styled Components
- `yarn add @types/styled-components -D` para instalar a definição de tipo da biblioteca styled-components
- Recomendado utilizar a extensão vscode-styled-components do VSCode para trabalhar com o styled-components
### Configurando MirageJS
- O MirageJS é uma biblioteca de simulação de API
- `yarn add miragejs` para instalar o MirageJS
### Axios
- O Axios é uma biblioteca JavaScript que permite fazer requisições HTTP
- `yarn add axios` para instalar o Axios
### React Modal
- O React Modal é uma biblioteca de componente para criar modais em ReactJS
- `yarn add react-modal` para instalar o React Modal
- `yarn add @types/react-modal -D` para instalar a definição de tipo da biblioteca react-modal
### Polished
- O Polished é uma biblioteca de utilitários JavaScript para facilitar a manipulação de estilos CSS
- `yarn add polished` para instalar o polished