🚌 React + MySQL Bus Booking Website

A full-stack Bus Booking Web App built using React, Node.js, and MySQL, with modern UI effects, smooth animations, and a real-time ticketing system.

🚀 Hosted Frontend: GitHub Pages
🛠 Backend: Run server.js locally (Node + MySQL)

---

✨ Features

• 🔐 MySQL Integration – Fully connected backend with GET, POST, and DELETE operations
• 🏠 Animated Landing Page – Includes slide-in text, animated headings, and stacked images (with shuffle effects)
• 🎨 Modern UI/UX – Built with React-Bootstrap, includes:
  • Glassmorphism UI on booking forms
  • Stylish contact form
  • Focused input effects
• 📋 Book Ticket Page – Allows users to book rides with form validation
• 🎫 Show Tickets Page – Displays all booked tickets from MySQL
• 💡 Framer Motion – Smooth animations for text, transitions, and components
• 📦 Reactbits.dev Components – Includes focus text, slide-in effects, stacked images and more

---

🛠 Tech Stack

Frontend	Backend	Styling	Animation
React.js	Node.js (server.js)	Bootstrap 5 / React-Bootstrap	Framer Motion
React Router	Express.js	Bootstrap Icons	reactbits.dev
GitHub Pages (for frontend)	MySQL	CSS Glassmorphism	Vite

---

🖥 How to Run Locally

1. Clone the Repository

git clone https://github.com/Karthikn-VR/React-MySQL-Bus_Booking_Website.git
cd React-MySQL-Bus_Booking_Website

2. Install Frontend Dependencies

npm install

3. Install Backend Dependencies & Run Server

# In the root folder, if server.js exists here:
npm install express mysql cors
node server.js

⚠️ Ensure MySQL server is running and credentials in server.js are correctly set.

---

🌐 Deployments

• Frontend is deployed on GitHub Pages: 🔗 View Live

• Backend must be run locally via node server.js for full functionality (e.g., booking, deleting, listing tickets).

---

🤝 Contribution

Feel free to fork the project and contribute! Pull requests are always welcome.

---

📧 Contact

Built by Karthikn-VR For suggestions or feedback: [email protected] (replace with real email)

---

📄 License

MIT License – use it freely, just credit the creator.