Este projeto foi uma excelente oportunidade para aprofundar meus conhecimentos em tecnologias fullstack, trabalhando desde o desenvolvimento do frontend até a integração com o backend, do zero.
WebCarros é um sistema de catálogo de veículos, desenvolvido com React.js no frontend e Firebase no backend. O objetivo da plataforma é permitir que os usuários visualizem, cadastrem, editem e excluam anúncios de carros.
- React.js – Biblioteca JavaScript para construção da interface
- HTML5 – Linguagem de marcação para estruturação da página
- CSS – Estilização em cascata
- TypeScript – Superset do JavaScript com tipagem estática
- Tailwind CSS – Framework utilitário para CSS
- Firebase Firestore – Banco de dados NoSQL para armazenamento dos veículos
- Firebase Storage – Armazenamento das imagens dos veículos
- React Router – Gerenciamento de rotas e navegação entre páginas
- React Hook Form – Gerenciamento de formulários no React
- Context API – Gerenciamento global de estados (usuários, autenticação)
- Autenticação Firebase – Login e logout de usuários
- Cadastro e login de usuários com autenticação via Firebase
- Listagem de carros disponíveis no catálogo
- Cadastro de novos anúncios com upload de imagens
- Edição e exclusão de anúncios (somente para o proprietário do anúncio)
- Filtros de busca para facilitar a navegação entre os veículos
- Design responsivo para dispositivos móveis e desktops
- Clone o repositório:
git clone https://github.com/seu-usuario/webcarros.git- Navegue até o diretório do projeto:
cd Carros- 🐳 Docker:
Este projeto utiliza Docker para criar um ambiente de produção com Node.js e Nginx. Siga os passos abaixo para clonar e executar o contêiner corretamente:
Construa / 'bilde' a imagem:
docker build -t carros .
Rode o contêiner:
docker run -p 8080:80 carros
- Acesse a aplicação
Abra o navegador e vá até: