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. ✨

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay