Skip to content

Latest commit

 

History

History
87 lines (56 loc) · 2.61 KB

README.md

File metadata and controls

87 lines (56 loc) · 2.61 KB

🚌 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: karthik@example.com (replace with real email)

📄 License

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