Welcome to Purffect Games Owner application, your one-stop solution for managing the basic rental processes of a video game store. This Next.js application, built with TypeScript and Material UI, empowers the owner with essential features to efficiently run the business.
The Home page provides a warm welcome and quick access to key functionalities. It serves as the starting point for navigating through the application.
The Clients page utilizes 'material-react-table' to facilitate CRUD operations for managing customer information. It allows the owner to store essential customer details for tracking rented games and facilitating reclaiming upon expiration.
The Rentals page, powered by 'material-react-table,' offers a comprehensive view of all rental transactions. Owners can easily monitor and manage ongoing rentals, ensuring a smooth operational process.
The Profile page enables users to view and edit their information, providing a personalized experience for the owner. (Actualy, this page show the information of a random user, because the application doesn't have a authentication system yet)
The Rent page is where the magic happens! Users can select games for rent, calculate rental prices, input customer information (with field validation), and create rental transactions. Upon successful creation, users are redirected to the Purchase Proof page. (Also, this page allow the user to edit and create new games, but in the future, this functionality will be moved to a new page)
The Metrics page presents various graphs and data, offering insights into the most rented games, frequent customers, and overall rental trends.
- Next.js: Efficient and scalable React framework for building web applications.
- TypeScript: Adds static typing to JavaScript, enhancing code quality and developer productivity.
- Material UI: A popular React UI framework for creating aesthetically pleasing and consistent user interfaces.
- React Query: Simplifies data fetching and state management, enhancing application performance.
- Chart.js: Enables the creation of dynamic and interactive charts for visualizing metrics.
- Material-React-Table: A powerful table library for React, facilitating the implementation of feature-rich tables.
-
Clone the Repository:
git clone https://github.com/SJanna/purffectgames_owner.git
-
Install Dependencies:
cd purffectgames_owner npm install -
Run the Application:
npm run dev
-
Access the Application: Open your browser and navigate to http://localhost:3000.
For any inquiries or support, please contact me sjannadiaz@gmail.com. We are here to ensure a purrfect gaming experience for you and your customers!