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 file for more details.

Contact 📫

Developed by Rafael Dias Zendron. You can find me on LinkedIn or GitHub.