Skip to content

👋🏻 O Blog Olá Mundo é uma aplicação web projetada para compartilhar artigos, permitindo que você adapte facilmente a identidade visual e publique artigos sobre qualquer assunto de sua escolha.

License

Notifications You must be signed in to change notification settings

ArielSpencer/blog-ola-mundo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Static Badge GitHub License

👋🏻 Blog Olá Mundo

O Blog Olá Mundo é uma aplicação web projetada para compartilhar artigos e posts sobre uma ampla variedade de temas. Desenvolvido com React e outras tecnologias modernas de front-end, o projeto foca em performance, acessibilidade e boas práticas de desenvolvimento. Sendo altamente personalizável, permitindo que você adapte facilmente a identidade visual através de componentes e publique artigos sobre qualquer assunto de sua escolha.

Este projeto foi desenvolvido como parte do curso React: Desenvolvendo com React Router e JavaScript da Alura. Agradecimentos especiais ao instrutor AntĂ´nio Evaldo.

Estrutura do Projeto

A estrutura do projeto segue uma organização modular, facilitando a manutenção e a escalabilidade do código. Abaixo está uma visão geral dos principais diretórios e arquivos:

blog-ola-mundo/
│
├── public/
│   ├── index.html
│   └── …
│
├── src/  
│   ├── assets/
│   ├── components/
│   ├── json/
│   ├── pages/
│   ├── App.js
│   ├── index.js
│   └── …
│
├── .gitignore
├── package.json
└── README.md
  • public/: ContĂ©m o arquivo index.html principal e outros recursos pĂşblicos.
  • src/: DiretĂłrio principal de cĂłdigo-fonte, contendo componentes, páginas, e ativos da aplicação.
  • json/: ContĂ©m o arquivo principal dos posts do blog, contendo id, tĂ­tulo e conteĂşdo.
  • .gitignore: Lista de arquivos e diretĂłrios a serem ignorados pelo Git.
  • package.json: Arquivo de configuração do npm, listando dependĂŞncias e scripts do projeto.
  • README.md: Documento que vocĂŞ está lendo.

Funcionalidades

  • Criação de Posts: Permite a criação de novos posts com tĂ­tulo, conteĂşdo e imagem.
  • Edição de Posts: Permite a edição dos posts existentes.
  • ExclusĂŁo de Posts: Permite a exclusĂŁo de posts.
  • Visualização de Posts: Apresenta uma lista de todos os posts.
  • Navegação com React Router: Utiliza o React Router para uma navegação eficiente e intuitiva entre as diferentes páginas da aplicação.
  • Página Sobre Mim: Inclui uma página "Sobre Mim" onde o autor pode compartilhar informações pessoais e profissionais, criando uma conexĂŁo mais prĂłxima com os leitores.

Tecnologias Utilizadas

  • React: Biblioteca JavaScript para construção de interfaces de usuário.
  • React Router: Gerenciamento de rotas na aplicação.
  • Styled Components: Biblioteca para estilização de componentes React com CSS-in-JS.

Instalação

Para executar este projeto localmente, siga os passos abaixo no terminal:

  1. Clone o repositĂłrio:
git clone https://github.com/ArielSpencer/blog-ola-mundo.git
  1. Instale as dependĂŞncias:
cd blog-ola-mundo
npm install
  1. Inicie a aplicação:
npm start

A aplicação estará disponível em https://localhost:3000.

Contribuição

Contribuições são incentivadas. Se você possui sugestões, melhorias ou correções, sinta-se à vontade para abrir uma issue ou submeter um pull request.

Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.

Desenvolvido por


Ariel Spencer

About

👋🏻 O Blog Olá Mundo é uma aplicação web projetada para compartilhar artigos, permitindo que você adapte facilmente a identidade visual e publique artigos sobre qualquer assunto de sua escolha.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published