Skip to content

maple146/coffee-shop-website

Repository files navigation

Coffee Shop Website

Table of contents

General info

I made this project to apply everything I'm learning about Bootstrap 5.

The site was written from scratch and the design was taken from this template.
I have added and improved a few things to make it more visually appealing.

I had some trouble figuring out how to use Bootstrap at the start.
When I create a website I always do it from a large screen to a smaller screen size.
So I felt like I was doing things backward.
With Bootstrap you start by assuming that you are with a single column and then you divide it up.
After reading the documentation, figuring this out it was really easy to get the layouts that I wanted.

What I like about Bootstrap:
Faster development. It saved me a lot of time not having to write everything from scratch.
The consistency. Everything feels structured. I found this a hard thing to do with other projects.
Easy to customize. It was not hard to create my own custom classes.
The responsiveness. Almost didn't have to use media-queries.

What I dislike about Bootstrap:
Not semantic. I feel like it gets a bit bloated with so many classes in a single div.

Showcase

Example screenshot

Technologies

Setup

Status

Project is: finished

About

Static website. Made with HTML, SASS, Bootstrap 5 and JS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published