This is the front-end of the Island Sun Tanning web application, built with React. It provides a user-friendly interface for customers and administrators to interact with the tanning salon's services.
- Customer Enrollment: A digital form for new customers to sign up, including a digital signature pad for consent forms.
- Customer Management: View and manage a list of all customers with infinite scrolling.
- Package Redemption: A system for customers to redeem their tanning packages.
- Tanning History: Customers can view their past tanning sessions.
- Admin Dashboard: A central hub for administrators to manage the salon's operations.
- Bed Management: A dashboard to view and manage the status of tanning beds.
- Secure Authentication: User login and password reset functionality.
- Responsive Design: The application is designed to work on various screen sizes.
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool for modern web development.
- React Router: For client-side routing and navigation.
- Axios: For making HTTP requests to the back-end API.
- React Hot Toast: For displaying notifications.
- React Icons: For including popular icons.
- React Datepicker: For selecting dates.
- React Signature Canvas: For capturing digital signatures.
- ESLint: For code linting and maintaining code quality.
- Node.js and npm installed.
- The back-end server must be running.
-
Clone the repository:
git clone <repository-url> cd front-end
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
The application will be available at
http://localhost:5173(or another port if 5173 is in use).
In the project directory, you can run:
npm run dev: Runs the app in development mode.npm run build: Builds the app for production to thedistfolder.npm run lint: Lints the codebase using ESLint.npm run preview: Serves the production build locally for preview.