First Level

Introduction

This app is my React Frontend project as part of The Jump Digital School's 14th cohort Software Engineering Course. It uses the RAWG Video Games Database API to fetch data and other assets on video games to display to the user.

User Stories

The user is able to:

-See a dashboard where they can filter by new releases/upcoming games and see a top 10 list of highly rated games

• Click on each game and be taken to the game detail, including a description, screenshots, trailers, etc
• Like games to save to local storage and view on a favorites page
• Delete games from local storage/favorites
• Visit a search page and query/filter results name, genre and more using search and select inputs
• The results are paginated
• Have their search input validated for errors Input error validation
• Add games to a shopping basket and see their selections clearly, with a total amount to pay showing

Tech Stack & Dependencies

• React
• Vite
• Tailwind CSS
• Redux ToolKit
• Joi
• GSAP
• Daisy UI
• React Loading Skeleton
• React Transition Group
• Axios
• Day JS
• React Toastify
• Bcrypt
• Cors
• JWTs
• Helmet
• MySQL

Installation

Frontend

• To install this app, clone the repository, navigate to the frontend directory and run npm install . Next, run npm run dev to start the app on http://localhost:5173/

Backend

• Navigate to the backend and run npm start to start the server. The backend will start on port 6000