Ссылка на веб-приложение Live: https://full-stack-car-app.web.app/
Ссылка на серверный код: https://github.com/shadmansaalim/Full-Stack-Car-Server.git
Полнофункциональное нишевое веб-приложение, созданное с использованием ReactJs, React Bootstrap, NodeJs, ExpressJs и MongoDB.
Это простое нишевое приложение, в котором отображаются автомобили, и пользователь может забронировать любой автомобиль из коллекции, и все данные бронирования будут храниться в базе данных, и пользователь также может видеть свои заказы на странице «Мои заказы» с панели управления, где пользователь может даже отменить его заказ, который также будет обновлен в базе данных. Кроме того, Пользователь также может добавить обзор веб-сайта, который будет отображаться в разделе «Обзоры слайдера целевой страницы». Для системы аутентификации пользователей я использовал Firebase, с помощью которой пользователь может зарегистрироваться, а также войти в систему, используя систему электронной почты/пароля, а также поставщика Google/Facebook/Apple.
За кулисами приложения также находится панель администратора, которую могут просматривать только администраторы. Интерфейс информационных панелей обычного пользователя и администратора совершенно разный. Администраторы могут создавать дополнительных администраторов на странице «Создать администратора» с панели управления, а также получать весь список заказов, выполненных пользователями, и даже обновлять статус заказа, а также удалять существующие заказы. Более того, администраторы могут даже управлять автомобилями, отображаемыми на веб-сайте, и даже добавлять новые автомобили или удалять существующие. Напишите мне, если вам нужны учетные данные администратора
Реализован токен JWT для защиты API, а также созданы частные маршруты для добавления двойного уровня безопасности доступа к веб-сайту к различным маршрутам.
Сделано приложение полностью адаптивным для всех устройств.
Реализованы некоторые основные принципы пользовательского дизайна для улучшения UI/UX приложения.
Использовались такие пакеты, как React Hook Form, React Rating, React Slick, React Toastify, Sweetalert, Fontawesome и т. д., для улучшения UX приложения.
Приложение разработано Саалимом Шадманом, студентом компьютерных наук в RMIT, Австралия.