The Travel Planning Dashboard is a web application that allows users to explore and plan their travel destinations. It provides information about popular destinations, including images, location, grade, fees, and descriptions. Users can also view additional details about each destination and save them for future reference.
- Display a list of popular travel destinations with relevant information.
- Show images, location, grade, fees, and descriptions for each destination.
- Allow users to view additional details about a destination.
- Provide an option to save destinations for later reference.
- Use icons to enhance the user interface and improve usability.
##Images -- This is Navbar and home page
--This is main Page
--This is Footer
--Mobile View- React: JavaScript library for building the user interface.
- HTML: Markup language for structuring the web pages.
- CSS: Styling language for designing the application.
- React Icons: Library for adding icons to the user interface.
To run the Travel Planning Dashboard locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/travel-planning-dashboard.git
- Navigate to the project directory:
cd travel-planning-dashboard
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open a web browser and visit
http://localhost:3000
to access the application.
- Upon opening the application, you will see a list of popular travel destinations.
- Each destination card displays an image, location, grade, fees, and a brief description.
- Click on the "DETAILS" button to view additional information about a specific destination.
- Use the save feature to add destinations to your saved list for future reference.
Contributions to the Travel Planning Dashboard are welcome! If you'd like to add new features, fix bugs, or improve the code, please follow these steps:
- Fork the repository.
- Create a new branch for your feature/fix:
git checkout -b feature-name
. - Implement your changes and test thoroughly.
- Commit your changes:
git commit -m 'Add some feature'
. - Push to the branch:
git push origin feature-name
. - Submit a pull request.
The Travel Planning Dashboard is open source and available under the MIT License.
Special thanks to the developers and contributors of the technologies used in this project.
For any inquiries or feedback, please contact: