Skip to content

mtdias96/e-commerce

Repository files navigation

Front-end da Loja E-commerce

Este projeto é a interface front-end para uma loja de e-commerce desenvolvida em React, utilizando Vite como bundler e diversas bibliotecas para funcionalidades adicionais.

Vídeo do Projeto

projeto2.mp4

##Link para o site (Em construção MVP)

  • O back-end está hospedado na plataform render pelo plano gratuito, por conta disso a primeira request pode demorar 50s. https://newboot.netlify.app/

Funcionalidades

  • Navegação: Utilização do React Router para navegação entre páginas.
  • Componentes UI: Componentes estilizados com Tailwind CSS para uma experiência responsiva e moderna.
  • Carrosséis: Implementação de carrosséis de imagens para exibição de produtos.
  • Formulários: Utilização do react-hook-form para gerenciamento de formulários com validação integrada.
  • Requisições HTTP: Integração com Axios para realizar chamadas à API backend.

Tecnologias Utilizadas

  • React: Biblioteca para construção de interfaces de usuário.
  • Vite: Bundler e servidor de desenvolvimento rápido para aplicações web.
  • Axios: Cliente HTTP para fazer requisições à API.
  • React Router DOM: Roteamento declarativo para aplicações React.
  • Tailwind CSS: Framework CSS utilitário para estilização eficiente e responsiva.
  • react-hook-form: Biblioteca para criação de formulários React com suporte a validação.
  • react-slick: Componente de slider/carrossel para exibição de imagens.
  • slick-carousel: Biblioteca para carrossel de imagens utilizada pelo react-slick.

Instalação

Para executar o projeto localmente, siga os passos abaixo:

# Clone o repositório
git clone https://github.com/seu-usuario/e-commerce.git

# Acesse o diretório do projeto
cd e-commerce

# Instale as dependências
npm install

# Inicie o servidor de desenvolvimento
npm run dev






About

ecommerce

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published