https://github.com/rafaelmagalhaesguedes/onlinestore
Aplicação Full Stack de loja online que utiliza TypeScript, Node.js, React, MySQL com Sequelize, Stripe para pagamentos e Docker para containerização
https://github.com/rafaelmagalhaesguedes/onlinestore
docker expressjs mysql nodejs reactjs sequelize stripe-payments typescript
Last synced: 4 months ago
JSON representation
Aplicação Full Stack de loja online que utiliza TypeScript, Node.js, React, MySQL com Sequelize, Stripe para pagamentos e Docker para containerização
- Host: GitHub
- URL: https://github.com/rafaelmagalhaesguedes/onlinestore
- Owner: rafaelmagalhaesguedes
- Created: 2024-05-06T01:20:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-16T12:40:42.000Z (9 months ago)
- Last Synced: 2024-11-16T14:09:43.230Z (6 months ago)
- Topics: docker, expressjs, mysql, nodejs, reactjs, sequelize, stripe-payments, typescript
- Language: TypeScript
- Homepage:
- Size: 1.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Store
Aplicação Full Stack loja online construída com Node, Express, React, TypeScript e MySQL com Sequelize, Stripe para pagamentos e Docker para containerização. A aplicação é composta por um backend que gerencia a lógica de negócios e a comunicação com o banco de dados, e um frontend que oferece uma interface de usuário interativa.
## Tecnologias
- TypeScript: Usado tanto no frontend quanto no backend para proporcionar um desenvolvimento mais seguro e eficiente.
- Node.js: Plataforma para construir o backend da aplicação.
- Express.js: Framework para Node.js utilizado para criar a API RESTful.
- React: Biblioteca JavaScript para construir a interface do usuário no frontend.
- MySQL: Banco de dados relacional usado para armazenar os dados da aplicação.
- Sequelize: ORM (Object-Relational Mapping) para interagir com o banco de dados MySQL de maneira mais fácil.
- Stripe: Plataforma de pagamento online integrada para gerenciar transações.
- Docker: Ferramenta de containerização para garantir que a aplicação seja executada de forma consistente em diferentes ambientes.
## Principais Funcionalidades
### Backend
- Autenticação: Rotas para login, registro e recuperação de senha.
- Gerenciamento de Usuários: CRUD completo para usuários.
- Produtos: CRUD completo para produtos.
- Pedidos: Criação e visualização de pedidos.
- Pagamentos: Integração com Stripe para gerenciar pagamentos.
### Frontend
- Home Page: Listagem de produtos disponíveis.
- Página de Produto: Visualização detalhada de cada produto.
- Carrinho de Compras: Adicionar, remover e atualizar itens no carrinho.
- Checkout: Processo de pagamento utilizando Stripe.
- Perfil do Usuário: Visualização e atualização de informações do usuário e histórico de pedidos.
## Como Executar a Aplicação
Antes de começar, você precisará ter os seguintes requisitos:
- Docker
- Node.js
- MySQL
- Uma conta na plataforma de pagamentos Stripe
### Configuração do Banco de Dados
1. Crie um banco de dados MySQL para a aplicação.
2. Configure as variáveis de ambiente para conectar ao banco de dados no arquivo .env no diretório backend.
Exemplo do arquivo .env:
```
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=yourpassword
DB_NAME=onlinestore
STRIPE_SECRET_KEY=your_stripe_secret_key
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret
```
## Construindo e executando o backend e banco de dados com Docker
1. Navegue até o diretório raiz do backend.
2. Execute o comando abaixo para construir e iniciar os contêineres Docker:
```
docker compose up -d --build
```
3. Frontend:
- Navegue até o diretório frontend.
- Instale as dependências:
```
npm install
```
- Inicie o servidor de desenvolvimento:
```
npm start
```
## ScreenShots
