SuryaPratap2542 / Travel-planning-Dashboard

This repository contains a simple travel planning dashboard web application built with React. It allows users to explore and plan their travel destinations by providing information about popular destinations, including images, location, grade, fees, and descriptions.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Travel Planning Dashboard

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.

Features

  • 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

image

--This is main Page

image

--This is Footer

image image image image image --Mobile View

Technologies Used

  • 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.

Installation

To run the Travel Planning Dashboard locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/your-username/travel-planning-dashboard.git
  1. Navigate to the project directory:
cd travel-planning-dashboard
  1. Install the dependencies:
npm install
  1. Start the development server:
npm start
  1. Open a web browser and visit http://localhost:3000 to access the application.

Usage

  • 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.

Contributing

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:

  1. Fork the repository.
  2. Create a new branch for your feature/fix: git checkout -b feature-name.
  3. Implement your changes and test thoroughly.
  4. Commit your changes: git commit -m 'Add some feature'.
  5. Push to the branch: git push origin feature-name.
  6. Submit a pull request.

License

The Travel Planning Dashboard is open source and available under the MIT License.

Acknowledgments

Special thanks to the developers and contributors of the technologies used in this project.

Contact

For any inquiries or feedback, please contact:

About

This repository contains a simple travel planning dashboard web application built with React. It allows users to explore and plan their travel destinations by providing information about popular destinations, including images, location, grade, fees, and descriptions.


Languages

Language:JavaScript 58.2%Language:SCSS 32.1%Language:CSS 6.7%Language:HTML 3.0%