run-eat-sleep-repeat
Today tried to build the 2nd website for the challenge of #7days7websites by Florin pop. I was thinking of a site that could be built within a day found a few interesting ideas from awwards.com and csswinner.com where parallax effect and full-page product displays, animations caught my mind. So it’s decided that I would build something with these ideas.
I know an interesting library fullpage.js which supports this idea of rendering the sites in full pages, picked some animations from animate.css library. I also saved some images from royalty-free sites. Thus the skeleton began to take shape with the things gathered.
I wanted an infinite vertical scroll so listed a few things that I do in the loop daily. i.e.,
- Run — Run along the track and do some workout
- Eat — Eat healthy food
- Drink — Refreshments
- Sleep
With this picture in mind started development and came with an end product which feels good. Here is the code base for reference. Finally hosted in netlify.
Live Demo: https://run-eat-sleep.netlify.app
