The Shift Making App is a modern web application designed to streamline shift schedule management. Built with React TSX and Vite, the app enables users to create, view, and generate shift schedules, along with the ability to download them as PDFs. The app leverage Lucider React components for a smooth, visually appealing user experience.
- Create and Manage Shift Schedules: Easily add shifts, set time slots, and manage schedules.
- Elegant UI: Built with Lucider React for seamless and intuitive user interface components.
- Responsive Design: Developed with React TSX and Vite to ensure fast loading times and a responsive design.
- React TSX: Front-end framework for building the app's user interface with type safety.
- Vite: A fast, modern build tool for improved development and production performance.
- Lucider React: A component library for creating beautiful and easy-to-use React components.
- Node.js: JavaScript runtime environment to run the app on the server.
Before you begin, ensure that you have the following installed:
- Node.js (version 14.x.x or higher)
Follow these steps to get the app up and running on your local machine.
-
Clone the repository:
git clone https://github.com/therijalsam/Shiftmakerapp.git
-
Navigate into the project directory:
cd shift-making-app -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open the app:
Visit the app in your browser at http://localhost:3000.
- Add Shifts: Select time slots from the available options to create shifts.
- Customize Schedule: View the generated schedule and make adjustments as needed.
We welcome contributions! If you’d like to improve the app or fix bugs, feel free to:
- Fork the repository
- Create a branch for your feature or bug fix
- Submit a pull request
This project is licensed under the MIT License.
Check out the live preview of the Shift Making App:
Shift Making App Live Preview