Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arielspencer/blog-ola-mundo

👋🏻 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.
https://github.com/arielspencer/blog-ola-mundo

blog front-end javascript jsx react react-router single-page-application

Last synced: about 6 hours ago
JSON representation

Host: GitHub
URL: https://github.com/arielspencer/blog-ola-mundo
Owner: ArielSpencer
License: mit
Created: 2024-07-13T01:19:39.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-07-16T20:59:05.000Z (4 months ago)
Last Synced: 2024-07-17T03:56:40.032Z (4 months ago)
Topics: blog, front-end, javascript, jsx, react, react-router, single-page-application
Language: JavaScript
Homepage:
Size: 13.7 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![Static Badge](https://img.shields.io/badge/Ariel%20Spencer-Blog%20Ol%C3%A1%20Mundo-%238472E8) ![GitHub License](https://img.shields.io/github/license/arielspencer/blog-ola-mundo)

# 👋🏻 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](https://reactjs.org/) 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](https://cursos.alura.com.br/course/React-desenvolvendo-react-router-javaScript) da Alura. Agradecimentos especiais ao instrutor [Antônio Evaldo](https://github.com/antonio-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
```

2. Instale as dependências:
```
cd blog-ola-mundo
npm install
```

3. Inicie a aplicação:
```
npm start
```

A aplicação estará disponível em [http://localhost:3000](http://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](https://github.com/ArielSpencer/Issue) ou submeter um [pull request](https://github.com/ArielSpencer/pull-request).

## Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](https://github.com/ArielSpencer/blog-ola-mundo/blob/4ea2b3675e78a0000c86ca581e73fd87c5598f75/LICENSE) para mais detalhes.

## Desenvolvido por

| [
_{Ariel Spencer}](https://arielspencer.com.br/) |
| :---: |