https://github.com/rafaumeu/hairday
Hair Day ✂️ is a web app for scheduling haircuts. Built with pure JavaScript, Webpack, and JSON Server, it allows users to schedule, view, and cancel appointments. 📅 It uses Day.js for date manipulation and includes form validation for a smooth user experience. 💻✨
https://github.com/rafaumeu/hairday
Last synced: 3 months ago
JSON representation
Hair Day ✂️ is a web app for scheduling haircuts. Built with pure JavaScript, Webpack, and JSON Server, it allows users to schedule, view, and cancel appointments. 📅 It uses Day.js for date manipulation and includes form validation for a smooth user experience. 💻✨
- Host: GitHub
- URL: https://github.com/rafaumeu/hairday
- Owner: rafaumeu
- Created: 2024-10-25T12:03:49.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-01-06T23:26:15.000Z (5 months ago)
- Last Synced: 2025-01-26T19:16:56.171Z (5 months ago)
- Language: JavaScript
- Homepage: https://hairday-pi.vercel.app
- Size: 189 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Hair Day ✂️
## Description 📖
**Hair Day** is a web application for scheduling haircuts. With a user-friendly interface, users can select the date, time, and enter the client's name to create a schedule. Additionally, it is possible to view existing schedules.
## Technologies Used 🛠️
- **JavaScript**: Primary programming language.
- **Webpack**: For module bundling.
- **Babel**: For transpiling modern JavaScript code.
- **JSON Server**: To simulate a RESTful API.
- **Day.js**: For date manipulation.
## Features 🌟
- Schedule haircuts.
- View schedules by day.
- Cancel existing schedules.
## Project Structure 📁
```
hairday/
├── src/
│ ├── assets/ # Images and icons
│ ├── modules/ # Feature modules
│ ├── services/ # API services
│ └── styles/ # CSS styles
├── index.html # Main page
├── package.json # Dependencies and scripts
└── server.json # Simulated API data
```
## Available Scripts 🏃♂️
- `npm run build`: Compiles the project for production.
- `npm run dev`: Starts the development server.
- `npm run server`: Starts the JSON Server to simulate the API.
## Learnings 📚
During the development of this project, I learned:
- How to use **Webpack** to bundle and optimize resources.
- The importance of **Babel** to ensure compatibility with older browsers.
- How to manipulate dates efficiently with the **Day.js** library.
- Creating a simple RESTful API using **JSON Server** to simulate interactions with a database.
- Implementing forms and validations in JavaScript to improve the user experience.
## Contributions 🤝
Contributions are welcome! Feel free to open issues or pull requests.
## License 📜
This project is licensed under the ISC License. See the [LICENSE](LICENSE) file for more details.
## Contact 📫
Developed by Rafael Dias Zendron. You can find me on [LinkedIn](https://www.linkedin.com/in/rafael-dias-zendron/) or [GitHub](https://github.com/seu-usuario).