Téléchargement Booksy frontend - Booksy frontend Téléchargement du code source

Booksy frontend

Autre code source

Télécharger

Booksy - Librairie en ligne

Bienvenue sur Booksy, votre librairie en ligne incontournable construite à l'aide de la pile MERN avec authentification des utilisateurs gérée par Clerk et paiements traités par Stripe. Booksy propose une vaste collection de livres dans divers genres, offrant aux amateurs de livres une plate-forme intuitive pour explorer, sélectionner et achetez facilement leurs lectures préférées. Que vous aimiez la fiction, la non-fiction, le matériel pédagogique ou les trouvailles rares, Booksy est conçu pour répondre à vos préférences de lecture.

Caractéristiques

Parcourir et rechercher : naviguez dans notre vaste bibliothèque ou utilisez la fonctionnalité de recherche pour trouver facilement des livres spécifiques.
Détails du livre : accédez à des informations détaillées sur les livres, notamment des résumés, des détails sur l'auteur et les tarifs.
Authentification de l'utilisateur : inscrivez-vous et connectez-vous en toute sécurité avec l'authentification de l'utilisateur Clerk pour une expérience d'achat personnalisée et sécurisée.
Profils utilisateur : gérez votre profil, affichez des recommandations personnalisées et suivez vos préférences de lecture.
Panier : ajoutez des livres à votre panier, ajustez les quantités ou supprimez des articles si nécessaire avant de finaliser votre commande.
Paiement sécurisé : finalisez vos achats en toute sécurité grâce aux options de paiement intégrées, notamment Stripe pour des transactions sécurisées.
Historique des commandes : consultez vos commandes passées et suivez l'état de vos achats en cours.
Favoris : enregistrez des livres dans votre liste de favoris pour un accès facile ou un achat futur.
Conception réactive : profitez d'une expérience d'achat fluide sur tous les appareils, grâce à notre conception réactive.

Pile technologique

Frontend : React.js pour une interface utilisateur dynamique et réactive. Backend : Node.js et Express.js pour une logique côté serveur et des points de terminaison d'API robustes. Base de données : MongoDB pour un stockage de données flexible et évolutif. Traitement des paiements : intégration de Stripe pour des transactions de paiement sécurisées et efficaces. Style : CSS et principes de conception réactive pour une expérience utilisateur soignée et adaptative.

Auteurs : (Équipe)

Démétrius 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

Miro

Documents API

Commencer

Pour configurer le projet Booksy localement, procédez comme suit :

Conditions préalables

Node.js MongoDB

Installation

Configuration du back-end

Clonez le dépôt backend :

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

Clonez le dépôt ou téléchargez le code source :

Configuration frontale

Clonez le dépôt backend :

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

Accédez au répertoire du projet :

cd Booksy-interface

installation npm
installer les dépendances
Démarrez le serveur de développement React :

Installez les dépendances requises pour le backend :

cd Booksy-backend

Démarrez le serveur backend :
npm démarrer
L'application devrait maintenant fonctionner sur http://localhost:3000.

Démarrez le serveur backend :

Configuration

Variables d'environnement Configurez les variables d'environnement requises dans les fichiers .env dans le répertoire backend et .env.local dans le frontend

MONGO_URI : chaîne de connexion pour votre base de données MongoDB. STRIPE_SECRET_KEY : Clé secrète pour l'intégration du paiement Stripe. Intégration Stripe Assurez-vous d'avoir configuré votre compte Stripe et obtenu les clés API nécessaires au traitement des paiements.

Usage

Explorez la librairie, inscrivez-vous ou connectez-vous, ajoutez des livres à votre panier et procédez au paiement. Profitez d'une expérience d'achat de livres fluide dans le confort de votre maison.

Contribuer

Les contributions sont les bienvenues ! Si vous souhaitez contribuer, veuillez créer le référentiel et créer une pull request avec vos fonctionnalités ou correctifs.