🎟️ I Built an Event Booking App Using Angular 19 – Here's How It Works

In this post, I’ll walk you through the web app I built using Angular 19 and JSON Server — a fully functional Event Booking platform that allows users to log in, host events, book tickets, and manage everything from their profile page.

Whether you're an organizer or an attendee, this app has something for you. Let’s dive in!

---

🔧 Tech Stack

• Frontend: Angular 19
• Backend: JSON Server (mock API)
• Language: TypeScript

---

✨ Core Features

1. User Authentication – Login and signup with session-based state
2. Host an Event – Create and publish your own events
3. Book Tickets – Browse events and book your seat
4. Profile Dashboard – View and manage bookings and hosted events

---

🎥 Demo

Here’s a short screen-recorded demo on YouTube showing how the app works:

👉 https://youtu.be/fXjFSTUwmjA?si=a9P04Ck6inrteYKi

---

📚 What I Learned

• Leveraging Angular 19's new features like standalone components, inject(), and Signals
• Using JSON Server to simulate backend APIs
• Managing dynamic routing and forms
• Creating reusable UI components
• Structuring a real-world, feature-complete Angular project

---

✅ Final Touches

At this point, the app includes the complete user flow:

• Signup/login
• Hosting and managing events
• Booking tickets
• A single dashboard to handle it all

It was a great hands-on project that helped me apply and refine my Angular skills.

---

🔗 Links

• 💻 GitHub Repo: https://github.com/vivek1384/Event-hosting-and-booking
• 🌐 Live Demo : https://youtu.be/fXjFSTUwmjA?si=a9P04Ck6inrteYKi
• 📫 Connect with me on https://www.linkedin.com/in/vivek-dudhatra/

---

🏷️ Tags

angular #webdev #projectshowcase #javascript #jsonserver