Context
This website "Step by Step" is designed as part of Website Development class.
The project included creating HTML, CSS and using JS packages to design a six-page website.
It is centered around hiking in Pacific Northwest and documents my past experiences and future plans.
Process
The website was developed in a month, using HTML5, CSS3, JavaScript (libraries: LeafletJS, Lightbox).
Additional tools used for improvements: VS Code, Dreamhost, Google Lighthouse, Wave Accessibility.
Goal
The goal of the website is to create a personal list of hiking trails: the ones I've already completed and the ones that are still on my list.
Deliverable
Functioning website about personal hikes. Additional features include:
-
The map widget helps put together the locations of both categories (visualized by color, which ones are complete).
-
The website also links all helpful information about those trails (e.g., national park website, AllTrails, directions on Google Maps).
-
Once the hike is completed, the photos from the hike can be uploaded to the photo gallery, the marker on the map changed to "completed" and a short review/passage can be added about that hike.
