Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autora • Licença
🐲 Dragon System- É uma plataforma básica de cadastro de Dragões. Nela você poderá cadastrar, visualizar, editar Dragões de uma forma simples e rápida.
Projeto desenvolvido para o desafio Desenvolvedor(a) Web Sicredi
-
Os usuários poderão cadastrar Dragões na plataforma enviando:
- Nome do Dragão
- Tipo de Dragão
-
Os usuários com acesso podem visualizar uma Lista de Dragões pela plataforma, onde poderão:
- Editar e excluir Dragões.
- Ordenar a Lista de Dragão em Ordem Alfabética(decrescente e crescente)
-
Os usuários tem acesso a visualização do perfil do Dragão, onde podem visualizar:
- Nome do Dragão
- Tipo do Dragão
- Data de Criação do Dragão
- O projeto desenvolvido possui Layout Responsivo.
- Página de Login , Home , Perfil do Dragão e Not Found
- Página de Login e Home
Utilize um dos usuários abaixo:
- email:[email protected] senha:12345678
- email: [email protected] senha:12345678
- email: [email protected] senha:12345678
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone [email protected]:aquistapace/dragon-system.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd dragon-system
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
As seguintes tecnologias foram usadas no desenvolvimento do projeto:
- React
- TypeScript
- React Router Dom
- React Icons
- Axios
- Yup
- Unform
- React-Spring
- React-Helmet
- Styled Components
- Polished
Veja o arquivo package.json
- API: Dragon API
- Editor: Visual Studio Code
- Markdown: StackEdit, Markdown Emoji
Caroline Aquistapace 🌸
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Caroline Aquistapace