Make timeline generator - Githubissues

cpsc455-bugstorm / TravelersTea

A Trip Planning App that tailors travel itineraries based on user preferences and providing detailed information about destinations; making travel planning less daunting and more enjoyable.

https://travelerstea-906d.onrender.com

MIT License

6 stars 2 forks source link

Make timeline generator #8

Closed Graywing13 closed 9 months ago

Graywing13 commented 12 months ago

Given a list of objects with the following schema:

color (of the pin)
icon (an emoji / bootstrap icon, recommended by chatgpt)
title

Create a reusable component that generates a timeline from that list.

DoD

[ ] When an input list is fed in, a horizontally scrolling timeline with pins coming out of it is generated
[ ] Each item in the input list is represented by its own pin

Bonus:

Glow and scale to 1.01% when hovered
When scrolling down with a mouse, this scrollbar should scroll right (think the webstorm tabs bar) --> https://stackoverflow.com/a/57217517
Separate the pins / sections by day number

Graywing13 commented 9 months ago

this is technically completed