Digital Journal
A Digital Scrapbook of my experiances through winter break highlighting the small sweet moments through the weeks
About This Project
Created a responsive, animated digital scrapbook showcasing food, movis, places and my thoughts through winter-break. Implemented scroll-based animations and interactive galleries using React and Framer Motion for the first time to create an immersive storytelling experiance
Key Features
- Scroll-based animations
- Photo grids --> full-screen modal views
- Light mode theme
- Pictures and commentary
Technologies Used
- IDE: VSCode
- React
- Framer Motion
- Deployed on Vercel
Challenges & Learnings
Challenges:
I decided to use this project to learn new skills. I started with React and Framer Motion and it was my first time using inline CSS and that had a learning curve but I was able pick up the basics. I also intially created my repository in Github out of habit and since I decided to deploy it on VErcel I had to search up how to specifially deploy it witout creating a new repository.
What I Learned:
I originally through that adding animations would be diffcult but Framer motion makes it easy to understand and very simple to get the basics down. I kept the design of this website minimalistic and that correlated with what this journal represents as a way of reflecting on my winter-break and experiances.
