https://github.com/natcurti/alura-freelando
Freelando - Etapas de cadastro e login
https://github.com/natcurti/alura-freelando
axios context-api emotion react react-grid-system session-storage vite
Last synced: 3 months ago
JSON representation
Freelando - Etapas de cadastro e login
- Host: GitHub
- URL: https://github.com/natcurti/alura-freelando
- Owner: natcurti
- Created: 2024-03-29T16:06:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-10T16:38:11.000Z (about 1 year ago)
- Last Synced: 2025-01-25T09:27:40.956Z (5 months ago)
- Topics: axios, context-api, emotion, react, react-grid-system, session-storage, vite
- Language: JavaScript
- Homepage:
- Size: 4.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💻 Freelando
Este projeto simula as etapas de cadastro em um site. Selecionamos o perfil desejado (podendo ser cliente ou profissional freela), o interesse, e preenchemos os dados no formulário. Ao fazer o cadastro, você pode efetuar o login na aplicação.
## 💻 Tecnologias utilizadas
Para construção desse projeto foram utilizados:
- React + Vite
- Emotion
- Gerenciamento de Estado: ContextAPI
- Axios
## 🚀 Instalação
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
```
npm install
```
Depois você pode rodar a aplicação com o comando:
```
npm run dev
```
## 📕 Aprendizados
Neste projeto utilizamos uma API local para fazer a conexão com o back-end da aplicação. Ao preencher as etapas de cadastro, o novo usuário é enviado para a API e a partir de então é possível fazer o login com o email e senha utilizados.
Utilizamos o axios para tratar das requisições à API, e armazenamos o token de acesso e o refresh token na Session Storage do navegador. Para auxiliar nesse processo criamos uma classe StoreToken e métodos estáticos.