Travel Log — development journal — Part 1
Trip and travel organizer — for fun React/Redux project
Few days ago, I have started working on small React project to build something fun and get familiar with Redux and Firebase. My decision about the project goal was to build tool that will allow organize personal vacation history into trips divided into individual chapters. From the UI point of view, I didn’t want to start with anything fancy. Simple, classical web app layout is enough for initial MVP. Because I wanted to streamline the process of creating entries for the user I have decided to go with Flickr as a photo repository to avoid dealing with uploads and storage. Below you can find simplified list of libraries and services used in this project:
- React.js
- Redux
- Redux-thuk
- Firebase
- Flickr API
- Ant design UI
Travel log is of course open sourced so you can check it out on GitHub.
What’s done and a roadmap
Currently every aspect of the app is in preliminary stages of prototyping. At the time of writing this post I only managed to implement storage and retrieval of Flickr user id from firebase. Rest of the data is either not persisted at all or just partially persisted in local storage thanks to Redux Storage library. But one of the most challenging tasks — core domain model, good reducer and action structure and overall vision are almost done.
In following days, I want to focus on chapter editing — WYSIWYG editors, gallery management etc.
