manipandit / plan-with-me-react

Plan With Me - Travel Planner App

"Plan With Me" is a travel planner app built using React. It allows users to view details of different travel destinations and mark them as "not interested" to remove them from the app.

Table of Contents

• Introduction
• Demo
• Features
• Installation
• Usage
• Data Source
• Technologies Used
• Contributing

Introduction

"Plan With Me" is a user-friendly travel planner app that provides information about various travel destinations. Users can explore different cards, each representing a travel destination, and decide whether they are interested in that destination. By clicking the "not interested" button on a card, the destination will be removed from the app, making it easier to plan the perfect trip.

Demo

https://plan-with-me-react.netlify.app/

Features

• View details of various travel destinations in card format.
• Click the "not interested" button to remove a destination from the app.
• User-friendly interface for an enhanced travel planning experience.

Installation

1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Run npm install to install the project dependencies.

Usage

1. After the installation, run npm start to start the development server.
2. Open your web browser and go to http://localhost:3000 to view the app.
3. Browse through the different cards to explore various travel destinations.
4. Click the "not interested" button on a card to remove it from the app.

Data Source

The app uses data from a local file named data.js. The data contains details about various travel destinations, such as name, description, images, and other relevant information.

Technologies Used

• React
• useState hook

Contributing

Contributions are welcome! If you have any suggestions for improvement or want to add new features, feel free to open an issue or submit a pull request.