My inspiration for this project came from the theme of this hackathon to do with the outdoors.

What it does

This digital handbook provides as a useful reference for whenever you go exploring the outdoors (i.e. forest, camping, trekking, etc.).

How we built it

This project was built using the Gatsby framework; material-ui for building the components of the app; and framer-motion for adding animations to these components.

Challenges we ran into

The biggest challenge I've ran into making this project was creating the page "flip" effect. This was by far one of the hardest things I've had to do up till now.

Accomplishments that we're proud of

I have to say was every part were I made a "break-through". This feeling reminds me of the times when I would have to break plateaus at the gym to get stronger. Mainly those "sticking-points" were parts of the application which were not working as expected; I would find solutions to make amendments to those areas and once I did, I felt that similar joy of breaking a plateau at the gym.

What we learned

Most of the technology I was working with was, I was already familiar with. However, I did learn a few things along way when building this project that may not be specific to a tech stack; for instance, learning to keep myself to a strict deadline and being able to deliver a viable product on-time - these were the most important things which I took from building this project.

What's next for Your Handbook For Camping Outdoors (YHFCO)

Who knows? If this project gets popular enough, then I may just create a fork for this project and build another which includes features and designs that I had initially wanted to add to this project, but due to time-constraints I couldn't.

Built With

  • framer-motion
  • gatsby
  • mui
Share this project: