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. โœจ

Billboard image

Synthetic monitoring. Built for developers.

Join Vercel, Render, and thousands of other teams that trust Checkly to streamline monitor creation and configuration with Monitoring as Code.

Start Monitoring

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

๐Ÿ‘‹ Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay