The Rolling Pin Bakery - Kayla Patterson Web Project 2023

Getting started

To Install site - Click the green button labeled "Code" in the repo, in the dropdown menu copy the HTTPS link. Once you've done that, right click where you would like to clone the repo to (desktop, file explorer etc), choose Git bash here. Type out the command "git bash" and paste the HTTPS link directly after the command. Press enter to clone the repo.

To open project - Once cloned, right click the project folder and select "open with Code" to open the project in VS code.

To run site - Open a terminal in VS Code, install svelte kit with "npm i" and open site with "npm run dev -- --open" to open the site within your default browser.

Check the inspiration file for my inspiration sites.

Project Description

I used https://kit.svelte.dev/ framework to build the site. The site was built in VisualStudio Code.

This website is for a fictional bakery business. It was inspired by my late grandmother Ann who always had a passion for cooking and baking. She had also been a massive inspiration for me and was my biggest motivation to better myself by studying.

To save time and not get too carried away, I utilised Open.AI ChatGPT by getting it to write the content for the website.

Features

• women's refuge shielded site button (top left).

• Responsive navigation bar.

• Responsive flexbox image gallery.

• Responsive content.

• Contact form that uses JavaScript to test input/validation.

• Unsplash API pulling images on the about us page.

• Hover on all buttons.

Credits

Shielded site button - https://shielded.co.nz/

Website content - https://chat.openai.com/

CSS flexbox image gallery - https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp

Inspiration Websites

Side on bakery - https://www.side-on.co.nz/

BABCO bakery - http://www.babco.co.nz/

Baked and raised bakery - https://bakedandraised.co.nz/