Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gustavo-victor/mini-blog

Blog made using ReactJS and Firebase
https://github.com/gustavo-victor/mini-blog

api blog context firebase hooks javascript js mini-blog react reactjs vite

Last synced: about 9 hours ago
JSON representation

Blog made using ReactJS and Firebase

Host: GitHub
URL: https://github.com/gustavo-victor/mini-blog
Owner: Gustavo-Victor
License: mit
Created: 2024-05-31T22:39:45.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-05-31T23:28:14.000Z (5 months ago)
Last Synced: 2024-06-01T00:30:51.048Z (5 months ago)
Topics: api, blog, context, firebase, hooks, javascript, js, mini-blog, react, reactjs, vite
Language: JavaScript
Homepage:
Size: 402 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
Mini Blog 📰




  Sobre   |   

  Layout   |   

  Funcionalidades   |   

  Tecnologias e Ferramentas   |   

  Como usar   |   

  Licença   |   





    ✔ Projeto concluído





## ❓ Sobre

Este projeto é basicamente um sistema de blog bem simples feito em ReactJS e Firebase. A aplicação permite ao usuário gerenciar seus posts além de seu próprio perfil. 

Projeto baseado no curso de React.js da empresa ['Hora de Codar'](https://horadecodar.com.br/). 

## 🎨 Layout



## ⚙️ Funcionalidades

- [x] Cadastro de usuários

- [x] Login de usuários

- [x] Gerenciamento de pefil de usuários

- [x] Gerenciamento de posts de usuários

- [x] Listagem de posts de usuários com filtros

## 🛠 Tecnologias e Ferramentas

- [ReactJS](https://nodejs.org/docs/latest/api/)

- [ReactIcons](https://www.npmjs.com/package/react-icons)

- [React Router](https://www.npmjs.com/package/react-router-dom)

- [Firebase (Auth e Firestore)](https://www.npmjs.com/package/firebase)

- [Vite](https://vitejs.dev/)

- [Visual Studio Code](https://code.visualstudio.com/)

Veja como ficou o arquivo [package.json](./package.json)

## 💻 Como usar

Antes de continuar, é recomendado possuir alguns conhecimentos básicos de [HTML5](https://developer.mozilla.org/pt-BR/docs/Web/HTML), [CSS3](https://developer.mozilla.org/pt-BR/docs/Web/HTML), [JavaScript](https://www.javascript.com/) e [ReactJS](https://react.dev) para entender os códigos do projeto. 

Além disso, você precisa ter instalado em sua máquina o [GIT](https://git-scm.com/), [Node](https://nodejs.org/en) e um **editor de texto** de sua preferência. Recomendo sempre o [Visual Studio Code](https://code.visualstudio.com/). 

Um guia básico sobre como instalar e executar o projeto no modo de desenvolvimento na sua máquina local: 

1. Clone o projeto ou faça download do ZIP: 

```bash

    # abra o terminal (Git bash) e digite 

    # não precisa fazer isso se já tiver feito download do projeto (nesse caso, só extraia a pasta e entre nela)

    $ git clone https://github.com/Gustavo-Victor/mini-blog.git

```

2. Entre na pasta do projeto:

```bash

    $ cd mini-blog/

```

3. Instale as dependências:

```bash

    $ npm install

```

4. Execute a aplicação:

```bash

    $ npm run dev

```

5. Abra o projeto no seu navegador de preferência:

    - Digite no seu navegador o URL: http://localhost:5173/



## 📝 Licença 

O projeto está sob a Licensa MIT 

Qualquer pessoa pode usar, clonar e contribuir com este projeto. 

Clique [aqui](./LICENSE) para saber mais.