Nexus Bike 🚲

O nosso objetivo nesse trabalho foi criar uma loja de bicicletas, a qual conseguisse ter uma boa responsividade quanto a outros aparelhos além do computador, e também de criar um CRUD (Create, Read, Uptade, Delete) para o cadastro de novas bicicletas ou produtos dentro do site mostrando seus preços, imagens, nome e tipos de bicicletas.

Nosso projeto apresenta funcionalidades como por exemplo como citado anteriormente o cadastro de novas bicicletas por parte daquele que estiver gerindo o site, também temos rotas para cada parte do nosso site, desde a Rota para endereços não identificados que seria o Erro 404, até rotas como produto e a home que são principais no projeto.

💻 Tecnologias Utilizadas:

Frontend: React + VITE - para construir uma interface de usuário interativa e modular.

Estilização: Tailwind CSS - garantindo um design moderno e responsivo em todas as telas.

Backend: Node.js - para criar uma API robusta e escalável que gerencia todos os dados e a lógica de negócios.

💡 Diferencial do Projeto:

Gerenciamento Avançado de Imagens! Um dos princiapis recursos desenvolvido foi o sistema de upload e seleção de imagens:

1️⃣-Upload Local: Os usuários podem fazer upload de imagens diretamente de seus computadores.

2️⃣-Renomeação Inteligente: Cada imagem recebe um ID específico automaticamente para evitar conflitos.

3️⃣-Reutilização Eficiente: Uma vez que a imagem é cadastrada, ela fica disponível em um campo "Escolher Imagem Já Existente"D dentro do formulário de cadastro de novos produtos.

Como instalar e rodar o projeto 🤔

Pré requisitos:

• Node.js instalado

Para a instalação deste projeto devemos seguir alguns passos:

1. Clonar o projeto na sua máquina usando o comando:

git clone https://github.com/GrupoCodeNexus/CP5-WebDev_REACT-NODE.git
cd CP5-WebDev_REACT-NODE

2. Instalando dependências Certifique-se em entrar na pasta backend

cd backend
npm install # Instale as dependências

3. Rode o servidor

node server.js

OBS: retornara uma mensagem de Servidor Rodando na porta 3000

4. Abra um novo terminal

5. Entre na pasta frontend

cd frontend

6. Instale as dependências npm install

npm install

7. Iniciar a API

npm run dev

Após usar o npm install Acesse o link que aparcera no terminal:➜ Local: http://localhost:5173/

Links úteis 🔗

Acesse o Repositório do Projeto: Clique aqui!

Integrantes da Equipe CodeNexus

• Francisco Vargas | RM: 560322
• Kayque Carvalho | RM: 561189
• Matheus Ikeda | RM: 559483
• Marcelo Affonso | RM: 559790