Welcome to Purffect Games Client application, your go-to platform for exploring and reserving video games. Built with Next.js, TypeScript, Material UI, react-query, and material-react-table, this application provides a seamless and enjoyable experience for game enthusiasts.
The Home page offers a glimpse into the gaming world, showcasing the most popular and newest games. It serves as the starting point for navigating through the application.
The Profile page allows users to view their personal information and displays a table of their rental history. This feature enables users to track and manage their gaming experiences. (Actually, this page show the information of a user by selecting and UserID, because the application doesn't have a authentication system yet)
The Games page provides a comprehensive list of all available games, complete with filtering and sorting options. Users can easily find their favorite games and discover new ones within this user-friendly interface.
The Cart page displays the games added to the user's cart, along with relevant information. This page serves as a hub for managing the games selected for reservation.
The Checkout page presents a user-friendly form for completing the reservation process. Users can provide the necessary information and proceed to reserve their selected games.
The Login page enables users to authenticate and access their personalized profiles. A secure and straightforward login process enhances the overall user experience. (Actually, this page is just a placeholder, because the application doesn't have a authentication system yet)
- Next.js: A powerful React framework for building client-side web applications.
- TypeScript: Enhances code quality and developer productivity with static typing.
- Material UI: A React UI framework for creating visually appealing and consistent user interfaces.
- React Query: Simplifies data fetching and state management, optimizing application performance.
- Material-React-Table: A feature-rich table library for React, facilitating the implementation of dynamic tables.
-
Clone the Repository:
git clone https://github.com/SJanna/purffectgames_client.git
-
Install Dependencies:
cd purffectgames_client npm install -
Run the Application:
npm run dev -- -p 3001
-
Access the Application: Open your browser and navigate to http://localhost:3001.
For any inquiries or support, please contact me sjannadiaz@gmail.com. We're here to ensure your gaming journey is nothing short of purrfect!