DEV Community

Cover image for Why I Built the "Soo Good" Vegan Burger Website 🌱
Tomas Stveracek
Tomas Stveracek

Posted on

1 1

Why I Built the "Soo Good" Vegan Burger Website 🌱

I wanted to create a fun and interactive website for a vegan burger brand. The idea came from a design I found on Behance called "Vegan Food Restaurant Website UI Design." I took inspiration from it and added some of my own custom features to make it unique. πŸ”

Features of the Website:

  • Image Carousel πŸ–ΌοΈ: Users can see different vegan burger options in a smooth slider, thanks to Swiper.js.
  • Modal Popups πŸ””: Clicking "Visit now" or "Order now" opens a modal window with more details.
  • Interactive Buttons and Counters πŸ”’: JavaScript powers dynamic text updates and a counter that shows the number of burgers ordered.
  • Responsive Design πŸ“±πŸ’»: The site looks great on both mobile and desktop devices.

Technologies Used πŸ’»:

I used a simple tech stack for this project:

  • HTML and CSS πŸ“: For the structure and style.
  • Bootstrap πŸ› οΈ: To make development faster and easier.
  • JavaScript ✨: For interactive features and dynamic elements.
  • SVG Icons πŸ–ŒοΈ: For social media and branding.
  • Swiper.js πŸ”„: To create the smooth carousel effect.

Setup πŸ› οΈ

To run this project locally:

Clone this repository:

git clone https://github.com/TomasDevs/soo-good-website
cd soo-good-website
Enter fullscreen mode Exit fullscreen mode

Open index.html in your browser to view the website.

Check It Out:

If you want to see the code, visit my GitHub. You can also check out the live version here: Soo Good Website on Netlify. ✨

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

πŸ‘‹ Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay