Skip to content

Projeto-FullStack-M6-Grupo-2-T14/E-Commerce-FrontEnd

Repository files navigation

MotorsShop - E-Commerce (Front-End)

Badge Tecnologias

Este projeto é um E-Commerce (loja virtual) desenvolvido em grupo como um projeto FullStack. O MotorsShop é uma plataforma que permite aos usuários comprar e vender veículos online.

O objetivo principal do projeto é criar uma experiência de compra e venda de veículos de forma prática e segura. Os usuários podem se cadastrar, fazer login e navegar pelo catálogo de veículos disponíveis. Eles também podem cadastrar seus próprios veículos para venda, editar as informações dos anúncios e excluir anúncios existentes.

O projeto foi desenvolvido utilizando tecnologias modernas de desenvolvimento web, como React, TypeScript, Context API e React Router Dom. Também utilizamos bibliotecas como React Hook Form, React Toastify, React Tooltip, React Icons, Zod e Axios para aprimorar a experiência do usuário e facilitar a integração com a API do backend.

Este projeto foi realizado em equipe, seguindo o método Scrum, com o objetivo de simular um ambiente de desenvolvimento colaborativo. A proteção de rotas foi implementada para garantir a segurança e privacidade dos usuários, enquanto a responsividade foi priorizada para oferecer uma experiência consistente em diferentes dispositivos.

💻 Link da página: Clique aqui

💻 Link do repositório Back-end: Clique aqui


🚀 Principais Tecnologias


📚 Outras bibliotecas

React Hook Form

React Toastify

React Tooltip

React Icons

Zod

Axios

🛠 Funcionalidades

✔ Login

✔ Cadastro de Usuários

✔ Edição e exclusão de Usuários

✔ Cadastro de Anúncios

✔ Edição e exclusão de Anúncios

✔ Proteção de rotas

✔ Responsividade

⚙ Características

  • State management feito com Context Api e React Hooks.
  • TypeScript utilizado com React.
  • Projeto em equipe utilizando o método Scrum.
  • Proteção de rotas com React Router Dom.
  • Requisições da Api implementadas com o Axios.

🌎 Equipe