This Travel Agency Web Application is built with HTML, SCSS, and JavaScript, featuring basic user authentication, package management, booking forms, and admin functionalities.
- HTML
- CSS
- SCSS
- JavaScript
- JSON (for data storage)
- Express (for server-side routing)
- Multer (for handling file uploads)
-
User Authentication:
- Basic login and signup functionality with form validation.
-
Packages Page:
- Displays various travel packages with details and a "Book Now" button.
-
Admin Panel:
- Allows administrators to add or remove travel packages.
-
Booking Form:
- Users can fill out a booking form with validation for booking their desired package.
-
Admin Review:
- Admins can review booking details, send pre-written email templates to users, and delete bookings.
Click the image above to watch a demo of Website on YouTube.
- Clone the repository:
git clone https://github.com/kashiekzmi/Travel-Agency-Web-Application-with-HTML-CSS-and-JavaScript.git cd travel-agency-web-app - Install dependencies:
npm install - Start the server:
nodemon serverruns the server using nodemon, a tool that enhances the development experience by automatically restarting the server on file changes. - Start the JSON server:
json-server --watch db.json --port 3000 - Run live server extension
- Ensure you have Node.js and npm installed on your machine.
- User Registration/Login: Navigate to the registration or login pages to create an account or sign in.
- Booking a Package: Visit the Packages page, select a package, and fill out the booking form to book a trip.
- Admin Functions: Access the admin panel to manage packages and review bookings.
We welcome contributions to improve Travel. Agency Web Application! To contribute, follow these steps:
- Fork the repository.
- Create a new branch: git checkout -b feature-new-feature
- Make your changes and commit them: git commit -m 'Add new feature'
- Push to the branch: git push origin feature-new-feature
- Create a pull request explaining your changes.
For questions, please contact