🏨 Room Reservation System

Web project developed with Vue.js that allows users to make room reservations locally, storing data in the browser using LocalStorage and sending confirmation emails via EmailJS.
The design is built using Sass (SCSS) for better style organization and maintainability.

---

🚀 Technologies Used

• Vue.js – JavaScript framework for building the user interface
• Sass (SCSS) – CSS preprocessor for structured and maintainable styles
• EmailJS – Email sending without a backend
• LocalStorage – Local storage for reservations
• HTML5 / CSS3 / JavaScript

---

📌 Main Features

• Display of available rooms
• Room reservation form
• Reservation storage using LocalStorage
• Reservation confirmation email sent via EmailJS
• Reservation management without database or backend
• Responsive and clean user interface

---

🧠 How the Project Works

1. The user selects a room
2. Fills in the reservation form
3. The reservation is saved in LocalStorage
4. A confirmation email is sent using EmailJS
5. Data remains stored until the browser storage is cleared

---

📂 Project Structure

src/
├── assets/        # Images and static resources
├── components/    # Vue components
├── views/         # Main views
├── styles/        # Sass files
├── router/        # Application routes
├── App.vue
└── main.js

⚠️ Disclaimer

This project does not use a backend or database, therefore:

• Reservations are stored only in the browser
• Clearing LocalStorage will remove all stored data
• This project is intended for educational purposes only

---

📚 Project Purpose

This project was developed to practice and demonstrate:

• Vue.js application development
• Working with LocalStorage
• Integration of external services such as EmailJS
• Use of Sass (SCSS) for scalable styling
• Simulation of a functional room reservation system

---

👨‍💻 Author

Jaume Vanacloig
Web Application Development (DAW) Student