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.
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.
- 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.
- 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.
Para executar este projeto localmente, siga os passos abaixo no terminal:
- Clone o repositĂłrio:
git clone https://github.com/ArielSpencer/blog-ola-mundo.git
- Instale as dependĂŞncias:
cd blog-ola-mundo
npm install
- Inicie a aplicação:
npm start
A aplicação estará disponĂvel em http://localhost:3000.
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.
Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.
Ariel Spencer |
---|