Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/devmagno/techblog

đź’» Blog de tecnologia desenvolvido para estudo de Node.js
https://github.com/devmagno/techblog

body-parser devmagno ejs expressjs html-css-javascript-node multer mvc-pattern nodejs nodemon sass sass-mixins sqlite3

Last synced: 4 days ago
JSON representation

đź’» Blog de tecnologia desenvolvido para estudo de Node.js

Awesome Lists containing this project

README

        

# TechBlog đź’»


TechBlog

## đź“– Sobre
O projeto **TechBlog** foi desenvolvido durante um tutorial feito pela **[Lara Carvalho](https://github.com/laracarvalho)** em seu canal do YouTube, com o intuito de aprender sobre Node.js. O projeto foi desenvolvido completamente do zero utilizando o padrão **MVC**, **EJS** para as views, **Node.js** para o Back-End e **SQLite3** para o banco de dados, o projeto também conta com armazenamento de imagens utilizando **Multer**, **URLs amigáveis**, além de ter realizado um **redesign** do projeto original utilizando o pré-processador **SCSS**.

---

## 🚀 Tecnologias e ferramentas utilizadas
- **HTML5**
- **SCSS** (convertido para CSS3)
- **Scout App** (compilador de Sass)
- **JavaScript**
- **Node.js**
- **SQLite**

---

## 🖥️ Demonstração
![TechBlog | Seu portal de notĂ­cias de tecnologia favorito.](https://i.imgur.com/gG1d4NL.jpg "TechBlog | Seu portal de notĂ­cias de tecnologia favorito.")

---

## 🧰 Dependências
- **[Body-Parser](https://www.npmjs.com/package/body-parser)**
- **[EJS](https://ejs.co/) (Embedded JavaScript templating)**
- **[Express](https://expressjs.com/pt-br/)**
- **[Multer](https://www.npmjs.com/package/multer)**
- **[Nodemon](https://nodemon.io/)**
- **[SQLite](https://www.sqlite.org/index.html)**

---
## 🔧 Como executar o projeto
```bash
# Clone o repositĂłrio
git clone https://github.com/devMagno/techblog

# Entre no diretĂłrio
cd techblog

# Baixe as dependĂŞncias do projeto
npm i

# Execute o servidor
npm start
```
Feito isso, abra seu navegador favorito e acesse o endereço `http://127.0.0.1:3333/`

---

## 📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/techblog/blob/main/LICENSE).

---
**Desenvolvido com 🧡 por [Guilherme Magno](https://github.com/devmagno/).**