Pet-World

A full-stack educational project for a JavaScript course: a pet-shop appointment booking interface built to reinforce front-end & back-end fundamentals.

🚀 Live Demo

Check it out live: jujbraga.github.io/pet-world

📖 About the Project

• Purpose: This project is part of a full-stack JavaScript course. It simulates a pet shop appointment booking system (for e.g., grooming, check-ups, etc.).
• Scope: Users can view available hours, select a date/time, enter pet details, and submit a booking.
• What you’ll learn:
  • Building interactive front-end UI with HTML5, CSS3, and vanilla JS.
  • Handling form submissions, client-side logic, validation.
  • Basic back-end/API integration for booking data.
  • Using modern toolchain: e.g., bundler/webpack, package.json, dev scripts.
  • Deploying a static build and hosting via GitHub Pages.

🧰 Built With

• HTML5
• CSS3 (including responsive layout)
• JavaScript (ES6+)
• Bundler: Webpack (or your chosen build tool)
• Package manager: npm
• Hosting: GitHub Pages

📸 Preview

🔧 Getting Started

To run this project locally:

1. Clone the repo:

   git clone https://github.com/Jujbraga/pet-world.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm start

4. Build for production:

   npm run build

5. Open dist/index.html (or the served URL) in your browser.

📌 Status

✅ Completed (educational project) — open for enhancements/refactoring for additional

---

📝 Notes

• This project is for learning purposes only.
• No production-level security/authentication implemented.
• Contributions are welcome: feel free to open issues or pull requests for new features