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

https://github.com/luiizsilverio/my-news

Aplicação desenvolvida em Node + Mongoose + Multer + React + Bootstrap
https://github.com/luiizsilverio/my-news

bootstrap mongodb-atlas mongoose multer nodejs react vite

Last synced: 3 months ago
JSON representation

Aplicação desenvolvida em Node + Mongoose + Multer + React + Bootstrap

Awesome Lists containing this project

README

          

# MY-BOOKS 📚

Aplicação back-end desenvolvida em Node.js + Mongoose e front-end em React + Bootstrap, durante o vídeo [MERN Starter Tutorial for Beginners](https://www.youtube.com/watch?v=0osXx2oJu44&list=PL-oyFSB1BovKcapXljUaewPAokD8owR3g&index=1), do canal _Raddy_ no __Youtube__.

O vídeo é em inglês e o sotaque é difícil de entender 😵, mas com ajuda da legenda, consegui acompanhar as 2 horas de vídeo.

Aprendi que __MERN__ é a sigla que significa a stack das tecnologias MongoDB + Express + ReactJS + Node.js.

Trata-se de um CRUD simples de livros, em que o banco de dados fica na nuvem, no __MongoDB Atlas__.

O nome do repositório está errado devido a uma confusão minha 😣


## 🚀 Tecnologias

- __Node.js__ no back-end
- __Mongoose__ para banco de dados
- __Multer__ para upload de imagens
- __React__ + __Vite__ no front-end
- __Bootstrap__ para estilização

## 📷 Imagens
![](https://github.com/luiizsilverio/my-news/blob/main/client/src/assets/my-books.gif)

## 🚗 Iniciando a aplicação
- Crie o banco de dados _Books_ em MongoDB, localmente ou no site MongoDB Atlas.
- Renomeie o arquivo _.env-example para .env na pasta server e informe a string de conexão com o banco.
- Renomeie o arquivo _.env.local-example_ para _.env.local_ na pasta client.
```bash
$ git clone https://github.com/luiizsilverio/my-news
$ cd my-news # se quiser, pode renomear a pasta para my-books
# Terminal 1
$ cd server
$ npm install
$ npm run dev
# Terminal 2
$ cd client
$ npm install
$ npm run dev
```

## 📬 Contato

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/luiz-s-de-oliveira-6b6067210)
[![E-mail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:luiiz.silverio@gmail.com)