https://github.com/israelkilday/musicblog

MUSIC BLOG é uma aplicação web fullsatck como Single Page Applictaion(SPA) desenvolvida para criar, editar e visualizar posts com integração ao Firebase.
https://github.com/israelkilday/musicblog

context-api css-modules firebase firestore jsx react-router-dom reactjs typescript vite

Last synced: 1 day ago
JSON representation

MUSIC BLOG é uma aplicação web fullsatck como Single Page Applictaion(SPA) desenvolvida para criar, editar e visualizar posts com integração ao Firebase.

• Host: GitHub
• URL: https://github.com/israelkilday/musicblog
• Owner: Israelkilday
• License: mit
• Created: 2023-10-20T23:14:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-20T00:24:40.000Z (6 months ago)
• Last Synced: 2024-11-07T12:09:07.062Z (about 2 months ago)
• Topics: context-api, css-modules, firebase, firestore, jsx, react-router-dom, reactjs, typescript, vite
• Language: TypeScript
• Homepage: https://musicblog-drab.vercel.app/
• Size: 565 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 # 🎵 Music Blog 

 Este é um projeto pessoal, uma aplicação web construída com React, integrada ao Firebase para criar, editar e visualizar Posts.  

 O objetivo é criar Posts falando de música em geral, aproveitei para iniciar o Blog postando sobre algumas de minhas bandas favoritas, mais sinta-se a vontade para postar sobre 

 qualquer estilo musical!

 ## 🎨 Layout do Projeto

 






 

![c3f45534-1d81-46fd-9482-6060a688adf2](https://github.com/Israelkilday/musicblog/assets/101229204/466b4a60-175f-447f-950a-0d29542f2c8f)

![61a55ae7-37e1-4f4d-ad0b-8b78f2f13958](https://github.com/Israelkilday/musicblog/assets/101229204/302aa8cd-1e40-4b02-86a2-cf48111c70de)




## Fluxograma da Aplicação

![Untitled diagram-2024-06-19-225248](https://github.com/Israelkilday/musicblog/assets/101229204/02d990bc-c03c-4f5b-93be-1d8b242f5964)

 

 ## ⚙️ Pré-requisitos

 - Node.js (v14.0.0 ou superior)

 - npm (v6.0.0 ou superior)

 ## 🛠️ Tecnologias Utilizadas

 

 - React

 - Vite

 - Firebase (Firestore, Auth)

 - Typescript

 - Javascript

 - CSS

 - HTML

 - Vscode

 - Git

   

 ## ⏯️ Como Rodar o Projeto

 1. Clone o repositório: `git clone https://github.com/Israelkilday/miniblog`

 2. Instale as dependências: `npm install`

 3. Configure o Firebase: Adicione suas credenciais.

 4. Inicie o servidor de desenvolvimento: `npm run dev`

 5. Abra o navegador e acesse `http://localhost:3000`

 6. Para facilitar o acesso faça login com o usuário: `[email protected]`, senha: `123456`

 ## 📁 Estrutura de Diretórios

 - `/src`: Código-fonte da aplicação.

 - `/public`: Arquivos públicos.

 

 ## 🚀 Funcionalidades

 - Criação de Posts

 - Edição de Posts

 - Visualização de Posts

 - Exclusão de Posts

 - Registros de Usuários

 - Autenticação de Usuários

 - Funçao de Logout

 - Rotas privadas

 ## 🤝Contribuição

Se você deseja contribuir com este projeto, siga estas etapas:

1. Fork o repositório.

2. Crie uma branch para sua contribuição:

    ```shell

    git checkout -b minha-contribuicao

3. Faça suas alterações e commit:

    ```shell

    git commit -m 'Minha contribuição'

4. Envie sua branch:

   ```shell

    git push origin minha-contribuicao

5. Abra uma solicitação pull.

## 🔗 Link do Projeto

https://musicblog-drab.vercel.app/

## 🧠 Autor

[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/israel-kilday-machado-de-souza-801482230)

[email protected]

 ### Obrigado por visitar meu projeto! 👋