Lien de l'application Web en direct : https://full-stack-car-app.web.app/
Lien de code côté serveur : https://github.com/shadmansaalim/Full-Stack-Car-Server.git
Application Web de niche Full Stack construite à l'aide de ReactJs, React Bootstrap, NodeJs, ExpressJs et MongoDB.
Il s'agit d'une application de niche simple où les voitures sont affichées et l'utilisateur peut réserver n'importe quelle voiture de la collection et toutes les données de réservation seront stockées dans la base de données et l'utilisateur peut également voir ses commandes dans la page Mes commandes à partir du tableau de bord où l'utilisateur peut voire annuler sa commande qui sera également mise à jour dans la base de données. De plus, l'utilisateur peut également ajouter un avis sur le site Web qui sera affiché dans la section Avis sur le curseur de la page de destination. Pour le système d'authentification utilisateur, j'ai utilisé Firebase grâce auquel l'utilisateur peut s'inscrire et également se connecter à l'aide du système de courrier électronique/mot de passe ainsi que du fournisseur Google/Facebook/Apple.
Dans les coulisses de l'application, il y a également un panneau d'administration dans le tableau de bord qui ne peut être consulté que par les administrateurs. L'interface utilisateur des tableaux de bord d'un utilisateur régulier et d'un administrateur est complètement différente. Les administrateurs peuvent créer plus d'administrateurs dans la page Créer un administrateur à partir du tableau de bord, obtenir toutes les listes de commandes effectuées par les utilisateurs et même mettre à jour le statut de la commande et supprimer les commandes existantes. De plus, les administrateurs peuvent même gérer les voitures affichées sur le site Web et même ajouter plus de voitures ou supprimer celles existantes. Envoyez-moi un SMS si vous voulez des informations d'identification d'administrateur
Implémentation du jeton JWT pour sécuriser les API et création de routes privées pour ajouter une double couche de sécurité de l'accès au site Web aux différentes routes.
Rendu l'application entièrement réactive pour tous les appareils
Implémentation de quelques principes de base de conception utilisateur pour améliorer l'UI/UX de l'application
Packages utilisés tels que React Hook Form, React Rating, React Slick, React Toastify, Sweetalert, Fontawesome etc. pour améliorer l'UX de l'application
Application développée par Saalim Shadman, étudiant en informatique au RMIT, Australie
