Skip to content

[React.js] My Tumblr account, that has served as a personal photo journal for me since 2010, entirely exported and rebuilt in a React setting. Writing Python scripts made extracting the captions possible. I used Infinite scroll to avoid pagination when a user is traveling back in time.

Notifications You must be signed in to change notification settings

jonathanschimpf/Tumblr-To-React

Repository files navigation

From A Tumblr Account To A React App

 

From A Tumblr Account To A React App

 

License License License License License License

 

About This Project:

 

Data is stored in a .JSON file which has an array of objects that represent each image+caption. The data for each image+caption is dynamically generated to a single card component. After casually using Tumblr specifically to post my personal photographs and nothing else since 2010, I got to thinking: "Why not make this a React App project?".. So I exported all of my Photo Journal media and rebuilt it in a React setting. Writing Python scripts made extracting the captions possible. I used Infinite scroll to avoid pagination when a user is traveling back in time. I have written logic for a few pairs of "Header" and "Footer" Navigation icons,to make it considerably easier and much more enjoyable for anyone navigating around an old Photo Blog.

 


 

Credits

 

Third party assets:

 

React.js =>‏‏‎ ‎ ‏‏‎ ‎A declarative JavaScript library for building user interfaces.

 ‏‏‎‏‏‎ ‎+

React-Bootstrap =>‏‏‎ ‎ ‏‏‎ ‎The most popular front-end framework. Rebuilt for React.

 ‏‏‎‏‏‎ ‎+

Bootstrap CDN =>‏‏‎ ‎ ‏‏‎ ‎An open-source CSS framework directed at responsive, mobile-first web development.

 ‏‏‎‏‏‎ ‎+

GitHub Pages =>‏‏‎ ‎ ‏‏‎ ‎Websites for you and your projects.

 ‏‏‎‏‏‎ ‎+

 


 

Questions?

 

Shoot me an e-mail! => jonathan@jonathanschimpf.com

 

About

[React.js] My Tumblr account, that has served as a personal photo journal for me since 2010, entirely exported and rebuilt in a React setting. Writing Python scripts made extracting the captions possible. I used Infinite scroll to avoid pagination when a user is traveling back in time.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published