서버 측 코드 링크: https://github.com/shadmansaalim/Full-Stack-Car-Server.git
ReactJs, React Bootstrap, NodeJs, ExpressJs 및 MongoDB를 사용하여 구축된 풀 스택 틈새 웹 애플리케이션입니다.
이것은 자동차가 표시되고 사용자가 컬렉션에 있는 자동차 중 하나를 예약할 수 있는 간단한 틈새 애플리케이션입니다. 모든 예약 데이터는 데이터베이스에 저장되며 사용자는 대시보드의 내 주문 페이지에서 자신의 주문을 볼 수도 있습니다. 주문을 취소해도 데이터베이스에 업데이트됩니다. 또한 사용자는 랜딩 페이지 슬라이더 리뷰 섹션에 표시될 웹사이트에 대한 리뷰를 추가할 수도 있습니다. 사용자 인증 시스템으로는 사용자가 가입하고 이메일/비밀번호 시스템과 Google/Facebook/Apple 공급자를 사용하여 로그인할 수 있는 Firebase를 사용했습니다.
애플리케이션의 이면에는 관리자만 볼 수 있는 대시보드에도 관리자 패널이 있습니다. 일반 사용자와 관리자의 대시보드 UI는 완전히 다릅니다. 관리자는 대시보드의 관리자 만들기 페이지에서 더 많은 관리자를 생성할 수 있을 뿐만 아니라 사용자가 수행한 모든 주문 목록을 확인할 수 있으며 주문 상태를 업데이트하고 기존 주문을 삭제할 수도 있습니다. 또한 관리자는 웹사이트에 표시되는 자동차를 관리할 수도 있고, 자동차를 더 추가하거나 기존 자동차를 삭제할 수도 있습니다. 관리자 자격 증명을 원하면 문자를 보내주세요
API를 보호하기 위해 JWT 토큰을 구현하고 다양한 경로에 대한 웹 사이트 액세스의 이중 보안을 추가하기 위해 개인 경로를 구축했습니다.
애플리케이션이 모든 장치에 완벽하게 반응하도록 만들었습니다.
애플리케이션의 UI/UX를 개선하기 위해 몇 가지 기본 사용자 디자인 원칙을 구현했습니다.
애플리케이션의 UX를 개선하기 위해 React Hook Form, React Rating, React Slick, React Toastify, Sweetalert, Fontawesome 등과 같은 패키지를 사용했습니다.
