larissadantier/MyContacts

Plataforma de consulta de contatos que permite ordenar de forma crescente e decrescente e pesquisar o seu contato através de seu nome. Foram utilizadas as tecnologias ReactJS, NodeJS, Docker, Postgres, JavaScript, Express e Styled Components

Tecnologias   |    Projeto   |    Layout   |    Licença

🚀 Tecnologias

Tecnologias utilizadas durante o projeto:

• ReactJS
• NodeJS
• JavaScript
• Express
• Docker
• Postgres
• Styled Components
• Eslint
• EditorConfig

⭐ Funcionalidades implantadas - Front-end

• React Router Dom - Sistemas de Rotas
• Componentes Reutilizaveis e Dinâmicos
• Contatos ordenados de forma crescente e decrescente
• Tela de Loading / Spinner dinâmico
• Hook Personalizado
• CSS-in-JS
• CRUD
• Responsividade

⭐ Conceitos implantados - Back-end

• Responsabilidade Única (Separados por folders controllers, repositories e middlewares)
• Conexão com o nosso Container no Docker (folder - database)
• Criação da DATABASE, Tabelas, linhas e utilizando o uuid-ossp para geração do id
• Sistema de rotas utilizando o Express
• CRUD

💻 Projeto

Este projeto está em construção.. 🚧👷‍♂️

Projeto que permite você realizar o registro de um contato, editar, deletar, ordenar de forma crescente e decrescente e pesquisar o seu contato através de seu nome. 😄.

😎 Iniciando

📖 Para rodar o projeto localmente você precisará seguir algumas instruções.

• É necessário que o NodeJS esteja instalado em sua máquina.
• É necessário que o Docker esteja instalado em sua máquina.
• É necessário utilizar Yarn ou Npm para a instalação de pacotes.

Instalação

# Clone o repositório
git clone https://github.com/larissadantier/MyContacts.git

# Instale todos os pacotes

- Npm
npm install

- Yarn
yarn install

# Rodar o Docker - Postgres[https://hub.docker.com/_/postgres]

- Comandos
Baixando a imagem - postgres: docker pull postgres
Criando o container: docker run --name pg -e POSTGRES_USER=root -e POSTGRES_PASSWORD=root -p 5432:5432 -d postgres (Já inicia automaticamente)
Caso não tenha iniciado o container, faça o seguinte comando: docker start pg
Verificar se o container está rodando: docker ps

🔖 Layout

Visualize o layout do projeto através do link a seguir:

• Layout Web

Você precisa ter uma conta no Figma para acessá-lo 😉.

Contribuições

Você quer contribuir para o projeto e não sabe como? 💜

1. Dê Fork no projeto
2. Crie uma branch para sua feature (`git checkout -b feature/AmazingFeature`)
3. Comite as alterações (`git commit -m 'Add some AmazingFeature'`)
4. Faça o push para a branch (`git push origin feature/AmazingFeature`)
5. Abra um Pull Request

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

👀 Autor

Desenvolvido por Larissa Dantier 🚀

Entre em contato! 👏