Full Stack Car Client

• ライブ Web アプリのリンク : https://full-stack-car-app.web.app/
• サーバー側コードリンク: https://github.com/shadmansaalim/Full-Stack-Car-Server.git
• ReactJs、React Bootstrap、NodeJs、ExpressJs、MongoDB を使用して構築されたフルスタックのニッチ Web アプリケーション。
• これは、車が表示され、ユーザーがコレクションから任意の車を予約できるシンプルなニッチ アプリケーションです。予約のすべてのデータはデータベースに保存され、ユーザーはダッシュボードから注文ページで注文を確認することもできます。注文をキャンセルすることもできます。これもデータベースで更新されます。さらに、ユーザーは、ランディング ページ スライダーのレビュー セクションに表示される Web サイトのレビューを追加することもできます。ユーザー認証システムには Firebase を使用しました。これにより、ユーザーはサインアップし、電子メール/パスワード システムや Google/Facebook/Apple プロバイダーを使用してログインすることもできます。
• アプリケーションの裏側のダッシュボードには、管理者のみが表示できる管理者パネルもあります。通常のユーザーと管理者のダッシュボードの UI はまったく異なります。管理者は、ダッシュボードの [管理者作成] ページでさらに管理者を作成できるほか、ユーザーが作成したすべての注文リストを取得したり、注文のステータスを更新したり、既存の注文を削除したりすることもできます。さらに、管理者は Web サイトに表示されている車を管理したり、車を追加したり、既存の車を削除したりすることもできます。管理者の資格情報が必要な場合は、テキストを送ってください
• API を保護するための JWT トークンの実装と、さまざまなルートへの Web サイト アクセスのセキュリティの二重層を追加するためのプライベート ルートの構築
• アプリケーションをすべてのデバイスに対して完全に応答できるようにしました
• アプリケーションの UI/UX を改善するために、いくつかの基本的なユーザー デザイン原則を実装しました。
• React Hook Form、React Rating、React Slick、React Toastify、Sweetalert、Fontawesome などのパッケージを使用して、アプリケーションの UX を改善しました
• オーストラリア、RMIT のコンピューター サイエンスの学生である Saalim Shadman が開発したアプリケーション