Eco Tourism Website Clone - Documentation:

Team Member :-

Harshranjan Kumar (Team Lead)

MOHD ADIL

Priya Patole

Kumar Astik

Overview: This documentation provides an overview of the project "Eco Tourism," which involved cloning an existing eco tourism website using JavaScript, HTML, and CSS. The project was completed by a group of four individuals over a span of five days. This documentation aims to explain the purpose, features, and implementation details of the cloned website.

Purpose: The purpose of the project was to create a functional clone of an existing eco tourism website and to get an idea of what we have learnt till now in our journey at masai. By replicating the website's design and features, the project aimed to provide a practical learning experience in web development and showcase the group's proficiency in JavaScript, HTML, and CSS.

Features:

Homepage: A visually appealing landing page that showcases the essence of eco tourism, featuring high-quality images and engaging content. Destination Pages: Detailed pages for various eco-friendly destinations, providing information about the location, activities, accommodations, and contact details.

Booking System: A booking system that allows users to select a destination, choose their preferred dates, and make a reservation for accommodations or activities.

Responsive Design: The website is designed to be responsive, ensuring optimal viewing and interaction across different devices and screen sizes.

Tech Stack:

JavaScript: The primary programming language used for implementing interactivity and dynamic features on the website.

HTML: The markup language used for structuring the website's content and layout.

CSS: The stylesheet language used for styling the website and enhancing its visual appeal.

Implementation Details:

Front-end Development: Each team member took responsibility for specific sections of the website and implemented them using HTML for structure, CSS for styling, and JavaScript for interactivity.

Integration and Testing: The implemented sections were integrated into a cohesive whole, ensuring that all features worked together seamlessly. Extensive testing was conducted to identify and resolve any bugs or issues.

Responsive Design: The group ensured that the website was responsive by using media queries, flexible layouts, and optimized images to provide a consistent and user-friendly experience across different devices and screen sizes.

Deployment: Once the website was deemed ready for deployment, it was deployed on netlify and below is the URL for the same: https://resonant-meringue-f6cdea.netlify.app/index.html