Book yourself a haircut online with Market Street Barbers.
Market Street Barbers is a modern barbershop booking website, originally designed in Figma and then converted into Svelte. It features a seamless online booking system, a beautifully crafted UI, and a responsive layout that highlights the shop’s story, team, and services. This project demonstrates the process of transforming a high-fidelity design into an interactive and optimized web experience using Svelte.js, ensuring both performance and aesthetics.
Live: https://market-street-barbers.onrender.com/
Credit goes to the original/external sources used.
- clone this repository.
- type
npm i
to download dependencies. - type
npm run build
to build your server. - type
npm run dev
to start your server.
Extra Resources:
- Figma: https://www.figma.com/
- Documentation: https://svelte.dev/docs/introduction
- Hero Page 2 - Creating simple hero pages with BootStrap & HTML
- Hero Page 1 - Creating simple hero pages with BootStrap & HTML
- Svelte Basics - The basics of Svelte.js and how to use
- Projects List - Explore other projects I have worked on