Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://lightoftwelve.github.io/travel-tracker/

TravelTracker is a web application that allows users to create and manage their travel itineraries and bucketlists. It provides features such as creating a bucket list of places to visit, planning activities on a calendar, exploring destinations on an interactive map, and checking weather information for selected locations
https://lightoftwelve.github.io/travel-tracker/

bucketlist bucketlist-application bucketlist-frontend-client dayjs fullstack-developer group-project html-css-javascript javascript jquery lists mapbox-api mapbox-gl-js mapboxgl openweathermap openweathermap-api travel uiux-design uiuxdesigner webapp webdesign

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://lightoftwelve.github.io/travel-tracker/
Owner: lightoftwelve
License: other
Created: 2023-07-05T23:34:54.000Z (about 1 year ago)
Default Branch: frozen
Last Pushed: 2023-07-18T01:30:53.000Z (about 1 year ago)
Last Synced: 2024-05-22T11:13:29.424Z (4 months ago)
Topics: bucketlist, bucketlist-application, bucketlist-frontend-client, dayjs, fullstack-developer, group-project, html-css-javascript, javascript, jquery, lists, mapbox-api, mapbox-gl-js, mapboxgl, openweathermap, openweathermap-api, travel, uiux-design, uiuxdesigner, webapp, webdesign
Language: HTML
Homepage: https://lightoftwelve.github.io/travel-tracker/
Size: 5.25 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE-Materialize.txt

Awesome Lists containing this project

README

# TravelTracker

## Overview
TravelTracker is a web application that allows users to create and manage their travel itineraries and bucketlists. It provides features such as creating a bucket list of places to visit, planning activities on a calendar, exploring destinations on an interactive map, and checking weather information for selected locations. With TravelTracker, users can stay organized and informed while planning their dream vacations.

## Features
- Bucket List: Users can create a list of places they want to visit and track their progress.
- Calendar Functionality: Users can plan activities and trips by selecting dates on a calendar and view corresponding weather information.
- Interactive Map: Users can explore destinations and save locations in their bucketlists for future trip planning!
- Weather Integration: TravelTracker integrates with a weather API to provide users with real-time and historic weather information for their selected locations.
- Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across different devices.

## Usage Guide
- Start by creating your bucket list of places you want to visit.
- Use the calendar functionality to plan activities by selecting desired dates and view historical weather to determine if that is a suitable time of year to visit.
- Check the weather information for your selected locations.
- Update and manage your itinerary as needed.

## Screenshots
![TravelTracker flavicon and header](./assets/images/travel-tracker-screenshot-flavicon-and-header.jpg)
![Slideshow and popular this week section with featured bucketlist destinations](./assets/images/travel-tracker-screenshot-1-slider-and-popular-this-week.jpg)
![keyfeatures and how it works section preview](./assets/images/travel-tracker-screenshot-2-key-features-and-how-it-works-sections.jpg)
![Featured parallax with woman walking towards sphynx and application footer](./assets/images/travel-tracker-screenshot-3-egypt-photo-and-footer.jpg)
![Blank bucketlist input form](./assets/images/travel-tracker-screenshot-4-blank-bucket-list-and-map.jpg)
![Blank bucketlist input form part 2](./assets/images/travel-tracker-screenshot-5-blank-bucketlist-and-footer.jpg)
![Image showing weather and weather icon](./assets/images/travel-tracker-screenshot-6-weather-functionality.jpg)
![Showing Calender functionality of the app](./assets/images/travel-tracker-screenshot-7-calender-functionality.jpg)
![Long term forcast cards](./assets/images/travel-tracker-screenshot-8-forecast-functionaltiy.jpg)
![Example of dashboard inputs all filled in](./assets/images/travel-tracker-screenshot-9-dashboard-filled-in-and-with-another-map-view.jpg)

## Technologies Used
- CSS
- HTML
- [DayJS](https://day.js.org/)
- [jQuery](https://jquery.com/)
- JavaScript
- [Materialize](https://materializecss.com/)
- [MapBox API](https://www.mapbox.com/)
- [Google Fonts](https://fonts.google.com/)
- [Open Weather Map API](https://openweathermap.org/)

## Live Demo
Check out the live version of this project [here](https://lightoftwelve.github.io/travel-tracker).

## Credits
This project was independently developed by the following developers with their respective contact information:

Victoria Alawi:
- Github: [@lightoftwelve](https://github.com/lightoftwelve)
- LinkedIn: [@Victoria Alawi](https://www.linkedin.com/in/victoria-alawi-872984250/)
- Website: [www.lightoftwelve.com](http://www.lightoftwelve.com)

Manjini Abraham:
- Github: [@manjiniabraham](https://github.com/ManjiniAbraham)
- LinkedIn: [@Manjini Abraham](https://www.linkedin.com/in/manjini-abraham/)

Wen Ding Chen:
- Github: [@landdoraine](https://github.com/Landdoraine)
- LinkedIn: [@Wen Ding Chen](https://www.linkedin.com/in/wen-ding-chen-22a9a6283/)

Stanley Opare:
- Github: [@stanop09](https://github.com/StanOp09)
- LinkedIn: [@Stanley Opare](https://www.linkedin.com/in/stanleyopare)

## Acknowledgements
We sincerely thank our teacher, Sean Roshan, and TA, Serena Guo, for their invaluable guidance and support during our course, as well as their help correcting FOUC concerns on our bucketlist.html file.

## License
The main license for this project is not available at this time.

---

The Materialize library used in this project is licensed under the MIT License.
Please see the [LICENSE-Materialize](LICENSE-Materialize.txt) file for more information.