Royal Enfield
Um releitura de um site da Royal Enfield feito por mim, onde utilizei React + Vite + Tailwindcss para o Front-end e Node Express para o Back-end, contruindo assim um site completo e dinâmico.
Royal Enfield - Site
Este é um site desenvolvido como projeto de portfólio, inspirado na marca Royal Enfield. A aplicação foi construída com React.js + Vite no front-end e utiliza uma API em Node.js no back-end.
Aviso: Este site é apenas para fins de demonstração. Nenhuma ação realizada aqui tem efeito no mundo real.
🔗 Visite o site: royalenfield.vicentedeveloper.com 🔗 Repositório do Front-end: RoyalEnfield 🔗 Repositório da API: RoyalEnfieldAPI
🚀 Funcionalidades
- Página Home com um catálogo de motos da Royal Enfield:
- Foto
- Nome
- Preço
- Botão de detalhes
- Navegação com React Router, utilizando URL Params para acessar a página de detalhes de cada moto.
- Integração com API em Node.js para obter os dados.
🛠️ Tecnologias Utilizadas
- React.js
- Vite
- TailwindCSS
- React Router
- Node.js Express(API)
📂 Como usar
- Clone este repositório:
git clone https://github.com/VicenteAlef/RoyalEnfield-React.git - Acesse a pasta do projeto:
cd RoyalEnfield-React - Instale as dependências:
npm install - Execute o projeto localmente:
npm run dev
✅ Status do Projeto
✔️ Em funcionamento — melhorias podem ser feitas futuramente, como responsividade total e paginação do catálogo.
📄 Licença
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.