The hobby booking website is so that anyone looking does their hobby can book a session at any time they would like, the page is designed for all ages. the hobby booking website offers people space to come and work on any hobby they would like.
Users of the website will be able to find out the information on the website easily and also find out what they need to know with a quick read.
-
Navigation
- Featured at the top of the page the navigation bar shows the organizations named in the top left-hand corner
- The navigation links are Paint, build, book in, which link to different sections of the same page
- The navigation is in the font is stony and the text color contrasts with the background
- The navigation bar clearly shows what they are here to do and shows off the different sections
-
Building
- The building section has an image of people building models also shows the main text color of the webpage is dark red.
- This section provides the user with clear information that they can get help with anything that the user would like to build.
- The section also talks about the form, later on, to help the user continue.
-
Painting
-
Book hobby form
- The booking hobby form section has a form to collect detail of the user so they can book a session
- The form collects the user's name, what they are plan on doing, an email to contact them on, and the date they would like to book the session.
- The booking form is valuable to the user as they have peace of mind that they have booked a space.
-
Social media links
- I have tested that this page works in different browsers: Chrome, Edge, safari, and firefox
- I confirm that this project is responsive, looks good on all standard screen sizes using the inspect function on google chrome.
- I tested to make sure that the text is readable in all areas of the webpage.
- I tested the form to make sure it outputs
Bugs Solved
- I had to restart the project as the way I tried to do before did not what to work that is linked in the media section. after restarting I managed to learn and use flexbox which worked a lot better than my previous way.
- I had trouble with the git pod not committing the new version so I had to merge it to get gitpod to commit it again.
Unsolved Bugs
- form does not need you to have an email address to complete it even though I have it as required.
HTML
- no errors found when passing through w3c html validation
CSS
- no errors were found when passing through W3C CSS validation.
Accessibility
- I confirmed that the colors and fonts are easy to read and accessible by running through the lighthouse in the developer tools.
Deployment
- The site was deployed using git hub pages. the steps to deploy are as follows:
- In the GitHub repository navigate to the settings tab
- Form source section drop-down menu select the master branch
- one on the master branch has been selected, the page provided the link
The live link can be found here- Hobby Booking
Content
- I have taken elements from the love running project that incles the footer element and the form element and made them my own in is project
Media