Este é um projeto desenvolvido para fins de estudo, com o objetivo de aplicar e aprofundar conhecimentos em desenvolvimento web full-stack. A arquitetura, funcionalidades e design foram baseados em dois tutoriais do excelente canal DevClub | Programação.
Todo o crédito pelo conceito, didática e pela base de código deste projeto é do Rodolfo Mori e do canal DevClub | Programação.
Recomendo fortemente o conteúdo do canal para quem está aprendendo a programar. Este repositório serve como meu registro pessoal de aprendizado e implementação dos conceitos ensinados.
Este repositório contém uma aplicação full-stack completa, dividida em duas partes principais:
-
Backend: Uma API RESTful construída com Node.js e Express, responsável por gerenciar os dados da aplicação.
-
Frontend: Uma interface de usuário (UI) interativa, construída com React e estilizada com Tailwind CSS, que consome os dados da API.
As seguintes ferramentas foram usadas na construção do projeto:
| Área | Tecnologia |
|---|---|
| Backend | Node.js, Express |
| Frontend | React.js, Vite.js, Tailwind CSS |
Para executar este projeto em sua máquina, siga os passos abaixo.
# 1. Navegue até a pasta do backend
cd backend
# 2. Instale as dependências
npm install
# 3. Crie um arquivo .env na raiz da pasta 'backend/'
# Copie o conteúdo do arquivo .env.example para um novo arquivo .env
# Exemplo de .env:
# PORT=3001
# DB_URL=sua_string_de_conexao_com_o_banco_de_dados
# 4. Inicie o servidor de desenvolvimento
npm run dev
Importante: Abra um novo terminal para executar o frontend. Não use o mesmo terminal que está rodando o backend.
# 1. Navegue até a pasta do frontend
cd frontend
# 2. Instale as dependências
npm install
# 3. Inicie a aplicação React
npm run dev
A aplicação frontend estará acessível em http://localhost:5173 (ou a porta padrão do Vite).
Felipe da Silva Pereira Alves
| Github | https://github.com/fdasilvapa |
|---|