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

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

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