ashishramesh/gdsc_frontend_ws

Bucketly - A Travel Bucket List Web App

Overview

Bucketly is a sleek and visually appealing travel bucket list web app designed to help users create, edit, and delete their travel goals with ease. Built using HTML, CSS, and JavaScript, this project focuses on providing a smooth and responsive user experience.

Features

• Beautiful Sleek UI: Designed with a focus on aesthetics and user-friendliness.
• CRUD Operations: Perform Create, Read, Update, and Delete operations on your travel bucket list using JavaScript arraylist.
• Responsive Design: Ensures a seamless experience across various devices and screen sizes.

Technologies Used

• HTML: For structuring the web app.
• CSS: For styling and making the app visually appealing.
• JavaScript: For implementing functionality and interactivity.

Project Details

This project represents the frontend component of the full stack Bucketly web app, developed by the GDSC MVJCE Tech Team. It serves as an educational tool to be taught in the frontend workshop conducted by GDSC MVJCE.

Installation and Usage

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-repo/bucketly.git

2. Navigate to the project directory:

   cd bucketly

3. Open index.html in your preferred web browser:

   open index.html

   or simply double-click on the index.html file.

Authors

@Shivam-Sharma-1

Contribution

We welcome contributions to improve this project. If you have suggestions or find any issues, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgments

• Developed by the GDSC MVJCE Tech Team.
• Special thanks to all the contributors and workshop participants.

Contact

For more information, please reach out to us at [email protected].

---

Thank you for using Bucketly! We hope this project inspires you to explore and achieve your travel dreams. Happy traveling! 🌍✈️

Data

var items = [
  {
    place: "Taj Mahal",
    location: "Agra, India",
    plan: "I'm looking forward to leisurely walking through the lush gardens surrounding the Taj. I'll keep my camera ready for every picturesque corner.",
    image:
      "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1d/Taj_Mahal_%28Edited%29.jpeg/1280px-Taj_Mahal_%28Edited%29.jpeg",
    date: "26 May 2024",
    link: "https://www.indiatajmahaltour.com/holiday-packages/taj-mahal-tours-from-bangalore.htm",
  },
  {
    place: "Eiffel Tower",
    location: "Paris, France",
    plan: "Climbing up the Eiffel Tower is a must-do for me. Whether by elevator or stairs, reaching the top for panoramic views of Paris is going to be unforgettable.",
    image:
      "https://media.cntraveler.com/photos/58de89946c3567139f9b6cca/16:9/w_1920,c_limit/GettyImages-468366251.jpg",
    date: "09 September 2028",
    link: "https://traveltriangle.com/tour-packages/eiffel-tower",
  },
  {
    place: "Great Wall Of China",
    location: "Huairou District, China",
    plan: "I'm beyond excited to finally see the Great Wall of China in person! I'll make sure to take it all in, marveling at its sheer size and historical significance.",
    image:
      "https://th-thumbnailer.cdn-si-edu.com/tTWLQXzOH6vwsp7kSFf6Td7ZpZc=/1000x750/filters:no_upscale()/https://tf-cmsv2-smithsonianmag-media.s3.amazonaws.com/filer/80/fa/80facab4-fe0e-4a56-bd99-a71eb1845fa0/01_14_2014_great_wall.jpg",
    date: "14 January 2032",
    link: "https://www.sotc.in/tourism/china-tourism/things-to-do-in-china/great-wall-of-china/2239",
  },
];