WebCarros é uma aplicação web para compra e venda de carros, onde os usuários podem criar contas, cadastrar veículos e interagir diretamente com vendedores. Este projeto foi desenvolvido com o objetivo de aplicar e demonstrar conhecimentos avançados em desenvolvimento web, utilizando tecnologias modernas e práticas de mercado.
O projeto WebCarros utiliza um conjunto robusto de tecnologias modernas para oferecer uma experiência de usuário fluida e eficiente:
- React com Vite: Framework JavaScript para construção de interfaces de usuário interativas, com Vite como ferramenta de build que oferece um desenvolvimento mais rápido e eficiente.
- TailwindCSS: Framework CSS utilitário para criar designs personalizados rapidamente, permitindo uma estilização eficiente e responsiva.
- React Router DOM: Biblioteca para gerenciamento de rotas em aplicações React, possibilitando a navegação entre diferentes componentes sem recarregar a página.
- Swiper: Biblioteca de slider touch moderno, utilizada para criar carrosséis de imagens e galerias interativas dos veículos.
- React Icons: Conjunto de ícones populares como componentes React, melhorando a interface do usuário com elementos visuais.
- TypeScript: Superset do JavaScript que adiciona tipagem estática, aumentando a robustez e manutenibilidade do código.
- UUID: Biblioteca para geração de identificadores únicos, útil para criar chaves únicas para elementos de lista e identificadores de documentos.
- React Hot Toast: Sistema de notificações elegante e customizável para React, melhorando o feedback ao usuário.
- React Hook Form: Biblioteca para gerenciamento eficiente de formulários em React, reduzindo a quantidade de re-renderizações e melhorando a performance.
- Zod: Biblioteca de validação de esquema TypeScript-first, garantindo a integridade dos dados em toda a aplicação.
- Firebase: Plataforma de desenvolvimento de aplicativos que oferece uma variedade de serviços, incluindo autenticação, banco de dados em tempo real e hospedagem.
Para executar este projeto, você precisará configurar as seguintes variáveis de ambiente em um arquivo .env na raiz do projeto:
VITE_FIREBASE_API_KEY=sua_api_key
VITE_FIREBASE_AUTH_DOMAIN=seu_auth_domain
VITE_FIREBASE_PROJECT_ID=seu_project_id
VITE_FIREBASE_STORAGE_BUCKET=seu_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=seu_messaging_sender_id
VITE_FIREBASE_APP_ID=seu_app_id- Clone o repositório:
git clone [URL_DO_REPOSITÓRIO] - Navegue até o diretório do projeto:
cd webcarros - Instale as dependências:
npm install - Configure o arquivo .env com suas variáveis de ambiente do Firebase
- Execute o projeto em modo de desenvolvimento:
npm run dev
- Criação e gerenciamento de contas de usuário
- Cadastro detalhado de veículos para venda
- Sistema de busca avançada de veículos
- Comunicação direta entre compradores e vendedores
- Galeria de imagens interativa para cada veículo
- Sistema de favoritos para salvar anúncios de interesse
Contribuições são muito bem-vindas! Se você tem uma sugestão para melhorar esta aplicação, sinta-se à vontade para fazer um fork do repositório, criar uma branch com suas alterações, e abrir um Pull Request. Para mudanças maiores, por favor, abra uma issue primeiro para discutir o que você gostaria de mudar.
Desenvolvido por Leonardo Nunes Martinha
GitHub: https://github.com/LeoNzZ7
LinkedIn: https://www.linkedin.com/in/leonardo-nunes-martinha/
Seus feedbacks são essenciais para a melhoria contínua deste projeto. Se você encontrar algum problema ou tiver sugestões, por favor, abra uma issue no GitHub ou entre em contato diretamente. Toda contribuição é valiosa!