Download Booksy frontend - Download do código-fonte Booksy frontend

Booksy frontend

Outro código-fonte

Baixar

Booksy - Livraria Online

Bem-vindo à Booksy, sua livraria on-line construída usando a pilha MERN com autenticação de usuário gerenciada pelo Clerk e pagamentos processados pela Stripe. A Booksy oferece uma vasta coleção de livros de vários gêneros, proporcionando aos amantes de livros uma plataforma intuitiva para explorar, selecionar e compre suas leituras favoritas com facilidade. Quer você goste de ficção, não ficção, materiais educacionais ou achados raros, o Booksy foi projetado para atender às suas preferências de leitura.

Características

Navegue e pesquise : navegue por nossa extensa biblioteca ou use a funcionalidade de pesquisa para encontrar livros específicos com facilidade.
Detalhes do livro : acesse informações detalhadas sobre livros, incluindo resumos, detalhes do autor e preços.
Autenticação de usuário : inscreva-se e faça login com segurança com a autenticação de usuário do Clerk para uma experiência de compra personalizada e segura.
Perfis de usuário : gerencie seu perfil, visualize recomendações personalizadas e acompanhe suas preferências de leitura.
Carrinho de compras : adicione livros ao carrinho, ajuste quantidades ou remova itens conforme necessário antes de finalizar a compra.
Check-out seguro : conclua suas compras com segurança com opções de pagamento integradas, incluindo Stripe para transações seguras.
Histórico de pedidos : visualize seus pedidos anteriores e acompanhe o status de suas compras atuais.
Favoritos : salve livros em sua lista de favoritos para fácil acesso ou compra futura.
Design responsivo : desfrute de uma experiência de compra perfeita em todos os dispositivos, graças ao nosso design responsivo.

Pilha de tecnologia

Frontend: React.js para uma interface de usuário dinâmica e responsiva. Back-end: Node.js e Express.js para lógica robusta do lado do servidor e endpoints de API. Banco de dados: MongoDB para armazenamento de dados flexível e escalável. Processamento de pagamentos: integração Stripe para transações de pagamento seguras e eficientes. Estilo: princípios de CSS e design responsivo para uma experiência de usuário refinada e adaptável.

Autores: (Equipe)

Demetrius Vissarion - https://github.com/demetriusvissarion Thomas Mazzag - https://github.com/TomMazzag Ilhan Abdalle - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz Tarar - https://github.com/Fawaztarar

Trello

https://trello.com/b/qv2hfgk4/ecommerce-final-project

Excalidraw

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

Miró

Documentos API

Começando

Para configurar o projeto Booksy localmente, siga estas etapas:

Pré-requisitos

Node.js MongoDB

Instalação

Configuração de back-end

Clone o repositório de back-end:

clone do git https://github.com/AVJehoshua/Booksy-backend.git

Clone o repositório ou baixe o código-fonte:

Configuração de front-end

Clone o repositório de back-end:

clone do git https://github.com/TomMazzag/Booksy-frontend.git

Navegue até o diretório do projeto:

cd Booksy-front-end

instalação npm
instalar dependências
Inicie o servidor de desenvolvimento React:

Instale as dependências necessárias para o back-end:

cd Booksy-back-end

Inicie o servidor back-end:
npm início
O aplicativo agora deve estar sendo executado em http://localhost:3000.

Inicie o servidor back-end:

Configuração

Variáveis de ambiente Configure as variáveis de ambiente necessárias em arquivos .env no diretório backend e .env.local no frontend

MONGO_URI: String de conexão para seu banco de dados MongoDB. STRIPE_SECRET_KEY: Chave secreta para integração de pagamento Stripe. Integração Stripe Certifique-se de ter configurado sua conta Stripe e obtido as chaves API necessárias para processamento de pagamentos.

Uso

Explore a livraria, cadastre-se ou faça login, adicione livros ao carrinho e prossiga para a finalização da compra. Desfrute de uma experiência perfeita de compra de livros no conforto da sua casa.