Andreza Moda Praia

🚀 Vitrine de produtos para uma vendedora local de biquínis. 👙

💻 Tecnologias

Este projeto foi feito utilizando as seguintes tecnologias:

Front-end

• axios
• embla-carousel-react
• Firebase
• React
• react-hot-toast
• react-icons
• react-router-dom
• tailwindcss
• TypeScript
• ESLint

Back-end

• cors
• dotenv
• express
• firebase-admin
• multer
• eslint
• nodemon
• ts-node
• typescript

Como Iniciar?

Requisitos

• Node.js
• Yarn ou npm

Configuração do Firebase

Este projeto utiliza o Firebase para autenticação de usuários, armazenamento de dados e manipulação de arquivos. Siga as etapas abaixo para configurar o Firebase em seu próprio projeto.

1. Criar um Projeto no Firebase

1. Acesse Console do Firebase.
2. Clique em "Adicionar projeto" e siga as instruções para configurar seu novo projeto.

2. Configurar a Autenticação

Habilitar a Autenticação por E-mail/Senha

1. No Console do Firebase, vá para a seção "Authentication".
2. Escolha o método de autenticação por e-mail/senha e habilite-o.

3. Configurar o Firestore Database

1. No Console do Firebase, vá para a seção "Firestore Database".
2. Clique em "Criar banco de dados" e siga as instruções.
3. Escolha o modo de inicialização, por exemplo, "Modo de teste" para começar.

4. Configurar o Firebase Storage

1. No Console do Firebase, vá para a seção "Storage".
2. Clique em "Começar" e siga as instruções para configurar o armazenamento de arquivos.

5. Configurar as Credenciais no Projeto

1. No Console do Firebase, vá para as configurações do projeto.
2. Em "Configurações do projeto", vá para a guia "Geral".
3. Role para baixo até "Suas aplicações" e clique em "Adicionar aplicativo".
4. Siga as instruções para registrar seu aplicativo e obter as credenciais.

6. Adicionar Credenciais ao Projeto

1. Crie um arquivo .env na raiz do seu projeto.

2. Adicione suas credenciais Firebase ao arquivo .env:

   VITE_FIREBASE_API_KEY=YOUR_API_KEY
   VITE_FIREBASE_AUTH_DOMAIN=YOUR_AUTH_DOMAIN
   VITE_FIREBASE_PROJECT_ID=YOUR_PROJECT_ID
   VITE_FIREBASE_STORAGE_BUCKET=YOUR_STORAGE_BUCKET
   VITE_FIREBASE_MESSAGING_SENDER_ID=YOUR_MESSAGING_SENDER_ID
   VITE_FIREBASE_APP_ID=YOUR_APP_ID
   

Clone o projeto e acesse a pasta

git clone https://github.com/DiogoAMV/andrezaProject.git && cd andrezaProject

Siga os passos abaixo

API

# Na pasta raiz do projeto, acesse a pasta 'api'
$ cd api
# Instale as dependências
$ npm install
# Com um contêiner MongoDB em execução, execute a api
$ npm run dev

WEB

Certifique-se de ter a api rodando

# Na pasta raiz do projeto, acesse a pasta 'web'
$ cd web
# Instale as dependências
$ npm install
# Inicie a aplicação
$ npm run dev

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com 💜 by Diogo Marques