Blog App ReactJS

💻 Projeto

Olá pessoal, desenvolvi uma aplicação web de postagens, seu objetivo é que seja simples e que funcione bem parecido com os blogs tão populares antigamente, nesse projeto fui capaz de me aprofundar em reactJS e começar a ficar mais familiarizado com as funcionalidades de back-end, bem como a criação de uma Api especificamente para esse projeto.

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Front-End: React, CSS, HTML, JavaScript e algumas Bibliotecas;
Back-End: Node, express, Mysql, Bcrypt, JWT, axios;

📌 Habilidades

Nesse projeto, fui capaz de:

• Trabalhar com estados, componentes, useState, useNavigate, useContext;
• Aprender um novo sistema de rotas com o react-router-dom;
• Desenvolver e utilizar uma Api para o projeto;
• Utilizar Padrões Errors bem como tratar Requisições com Axios;

📝 Funcionalidades:

• 1. Login/Registro/Logout.
• 2. Criação/edição/excluir posts/noticias.
• 3. Adição de imagens para os posts/noticias.
• 4. Inclusão de um editor de texto para os posts/noticias, bem como mudar a cor da fonte, ou sua propriedade.
• 5. Filtragem por categoria dos posts/noticias.

📝 Interfaces do projeto

https://www.figma.com/file/zpRkNQdqNXF2E6E9I3PJiJ/Blog-App-ReactJS?node-id=0%3A1&t=h2HB7WobqRO1z0zD-1

📝 Ajustes e melhorias

O projeto ainda está em desenvolvimento e as próximas atualizações serão voltadas nas seguintes tarefas:

• Realizar testes unitários;
• Otimização;
• Melhorias no Css;
• Adição de Funcionalidades voltada pra deficientes;
• Modo preto/Branco;

👷 Como rodar

# Clonar o repositório
git clone https://github.com/victor-joness/Blog-App-ReactJS

# Entrar numa IDE de sua preferência 

# Executar o servidor ou usar um puglin que criar um servidor

⬇️ Instalando dependências

client
  $ cd client
  $ npm install or $ yarn install
  $ npm start or $ yarn start
api
  $ cd api
  $ npm install or $ yarn install
  $ npm start or $ yarn start
  Change your mySQL database data api/db.js

🤔 Como contribuir

• Faça um fork desse repositório.

• Cria uma branch com a sua feature: git checkout -b minha-feature

• Faça commit das suas alterações: git commit -m 'feat: Minha nova feature'

• Faça push para a sua branch: git push origin minha-feature

• Depois que o merge da sua pull request for feito, você pode deletar a sua branch

🎓 Autores

Victor Mesquita

📄 Licença

Esse projeto está sob licença. Veja o arquivo LICENÇA para mais detalhes.