This project was one of the final capstone projects within the HyperionDev Web Development Bootcamp.
It is based around a passion of mine - travel!
I have used HTML, CSS, Bootstrap and JavaScript to create a responsive, interactive, and (hopefully) engaging website. Session storage has been utilised to add and store comments and present 'saved' data to the user based on their actions. The user can 'like' images across the site and they are able to submit forms for an email subscription and to send a message, albeit, without full backend fucntionality.
| Item | Summary |
|---|---|
| Description | A brief description of the project and how it was created |
| Installation | Guidance on how to install this project locally |
| Usage | Explaination on how to use the project |
| Credits | Identifiny those involved in the creation of the project |
To install locally, you will need to clone the repository. You can follow the guidance here.
This is quite a visual website, so it is primarily designed for users to view content and images. That said, there are a number of ways the user can interact with the pages. The main functionality that a user can engage with includes:
Users can add comments on the home page, where data is stored in localStorage and presented back in reverse chronological order, so latest comment first...
Although not linked to a backend, users can 'like' images but clicking the heart symbols (on and off), which are dynamially updated accordinly to show the user that their action has been registerd.
Here, users can make use of the 'save' functionality, which allows them to save cards about a particular destination. These are stored in localStorage and then the content is presented back to the user on a separate 'Saved Items' page.
A user can enter their email address, name and a message, and the form simulates process of sending that message. In this instance, an output is presetned in the console, and the form is cleared ready for a new input.
This is a personal project, so I (Matt Willis) am the sole contributor.