TravelKit

Full-stack web app which allows users to create travel packing lists and save for future travels.

Link to the page:

https://travelkit.ellanan.com/

Features:

Drag and drop items to reorder or move between different categories
Interative embedded demo on homepage
Persisted on Firebase for registered users
Persisted on localStorage for anonymous users
Change the card color to any of the available set of colors
Responsive UI

Screenshots

Home Page:

Demo Page:

Technologies used

Frontend:

React
TypeScript
HTML
Emotion
react-beautiful-dnd

Backend:

Firebase

Authentication:

Firebase Authentication