Um projeto de loja online para venda de veiculos
Antes de começar, você precisará ter instalado em sua máquina:
Node.js 18.15.0 (https://nodejs.org)
Angular CLI 16.2.0(https://angular.io/cli)
Python 3.10.12 (https://www.python.org)
pip 22.0.2 (Gerenciador de pacotes Python)
Docker 24.0.7 (https://www.docker.com)
Rest Framework 3.14.0 (https://www.django-rest-framework.org/)
CORS (https://pypi.org/project/django-cors-headers/)
Navegue até a pasta do backend:
cd backend
pip install -r requirements.txt
Inicie o servidor da API REST:
python3 manage.py runserver
Certifique-se de que o servidor está sendo executado em http://localhost:5000/ ou atualize a URL de acordo com sua configuração.
Certifique-se de que o Docker esteja instalado e em execução na sua máquina.
Navegue até a pasta do projeto onde está o arquivo docker-compose.yml.
Execute o seguinte comando para criar e iniciar o container do banco de dados:
docker-compose up -d
O banco de dados estará disponível na porta configurada no arquivo docker-compose.yml.
Navegue até a pasta do frontend:
cd frontend
Instale as dependências do projeto:
npm install
Inicie o servidor de desenvolvimento do Angular:
npm start
O aplicativo será executado em http://localhost:4200/. Acesse essa URL em seu navegador para visualizar o projeto.
Este projeto é ideal para lojas que comercializam veículos, permitindo cadastrar, descrever as principais características, editar e excluir veículos cadastrados. Para cadastrar veículos, o usuário precisa estar logado, ir até a área 'Admin' localizada no canto superior direito da tela. Após acessar a área administrativa, os veículos já cadastrados serão exibidos em uma tabela, além de um botão para cadastrar um novo veículo. Ao pressionar esse botão, será aberta uma tela de cadastro onde o usuário deverá preencher todos os dados do veículo e fazer upload de uma foto antes de salvar. Para editar ou deletar um veículo, basta selecioná-lo na área administrativa e utilizar os botões localizados ao lado dos veículos. Para ordenar por valor, há um botão tanto no 'Catálogo' quanto na tabela da área administrativa. Lembrando que o acesso à área administrativa requer autenticação do usuário.
As pastas "backend" e "frontend" estão na raiz do projeto. Na pasta "backend", estão localizadas a subpasta "backend" com os arquivos de settings, urls principais e views onde estão as configurações do token JWT. E a pasta "carros" onde estão armazenadas as características do veículo. Na pasta "frontend", está toda a parte visual do projeto, incluindo os arquivos .html, .css e .ts.
Se quiser contribuir com este projeto, siga os passos abaixo:
Faça um fork do repositório
Crie uma branch com sua feature ou correção: git checkout -b minha-feature
Faça o commit das suas alterações: git commit -m 'Minha nova feature'
Envie para o repositório remoto: git push origin minha-feature
Crie um novo Pull Request explicando suas mudanças.
Para dúvidas ou sugestões entre em contato pelo email rnaiara92@gmail.com