SPS-FE-Project

Introduction

SPS-FE-Project is a front-end project developed for the Smart Printing System (SPS) at Đại học Bách Khoa. The project aims to provide a user-friendly interface for students, SPS operators (SPSO), and staff members to interact with the printing system efficiently. It is currently deployed at GitHub Pages.

Demo video of some features: https://www.youtube.com/watch?v=deBfEeW0nEw

Project Overview

The SPS-FE-Project offers a comprehensive set of features to streamline the printing process and enhance user experience:

• View Printer List: Users can easily access a list of available printers, including information such as printer name, status, and location.

• Upload Multiple Files: Users have the ability to upload multiple files simultaneously for printing, enabling efficient batch printing and reducing time spent on the printing process.

• View Printing History: Users can access their printing history, including details such as date, time, document name, and status (e.g., completed, pending). This feature provides users with transparency and accountability regarding their printing activities.

• Chat Functionality: The system includes a built-in chat feature that facilitates communication between SPS operators (SPSO) and staff members. This feature enables seamless collaboration and troubleshooting, ensuring prompt resolution of printing-related issues.

• Customize Printer Configuration: Users have the option to customize printer settings according to their preferences and printing requirements. This includes adjusting parameters such as paper size, print quality, and color settings, allowing for personalized printing experiences.

These features collectively contribute to a robust and user-friendly printing system that meets the diverse needs of students, SPS operators, and staff members at Đại học Bách Khoa.

Login Credentials for Testing

1. Student Role:

   • Email: [email protected]
   • Password: 1

2. SPSO Role:

   • Email: [email protected]
   • Password: 1

3. Staff Role:

   • Email: [email protected]
   • Password: 1

Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/minhhieu212/SPS-FE-Project.git

2. Navigate to the project directory:

   cd SPS-FE-Project

3. Install the required npm packages:

   npm install

Usage

To start the project, use the following command:

npm start

The project will be accessible at http://localhost:3000.

Technologies Used

The project utilizes the following technologies:

• React: A JavaScript library for building user interfaces.
• npm: The package manager for JavaScript.
• GitHub Pages: Hosting service for GitHub repositories.
• Axios: A promise-based HTTP client for the browser and Node.js, making it easy to send asynchronous HTTP requests to REST endpoints.
• Socket.IO: A library that enables real-time, bidirectional and event-based communication between web clients and servers. It's often used for building real-time web applications such as chat applications or multiplayer games.

Feel free to explore the project and customize it according to your needs.