An open-source recreation of the Burger website shown on /r/webdev

Related tags

UI Framework Burgr
Overview

An open-source recreation of a Burger promo site, inspired by a post on the /r/webdev subreddit.

Viewing / editing

Ready-to-run HTML, CSS and JS files can be found in the Compiled folder for easy access.

I built the site using NodeJS, Express, SASS and Pug. To use these:

  • Make sure you've got NodeJS installed
  • Run npm install to download the necessary dependencies
  • Run npm start or node index.js to start the server
  • Go to localhost:8080 using your web browser

Licencing and Credits

Meant for educational purposes, but feel free to use it for any reasons within the limits of the MIT license.

Original post and inspiration was created by Reddit user Informal-Abies-3343 (Account has since been deleted)

You might also like...

Public website of NextCitizens.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jul 19, 2022

Our official website - currently at https://haidevs.alawonn.com

The Haitian Developers community website - currently at https://haidevs.alawonn.com Getting Started First, run the development server: yarn dev Open h

Sep 9, 2022

Website for Streamarr.

Qwik App ⚡️ Qwik Docs Discord Qwik Github @QwikDev Vite Partytown Mitosis Builder.io Project Structure Inside of you project, you'll see the following

Oct 10, 2022

Neofest website!

NeoFest The frontend website for NeoFest. What is NeoFest? Navrachana University, Vadodara is organizing a technical event “NEOFEST” in accordance wit

Nov 8, 2022

A recreation of a startpage posted on Reddit without the source, so I rewrote it in Next.js + Tailwind for the open source community.

Startpage "Figma Balls" Rewrite Why Did I Make This I saw a startpage posted on the subreddit r/startpages that I thought looked nice, but when I look

Mar 29, 2022

⚡️The Fullstack React Framework — built on Next.js

⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

Jan 4, 2023

Burger builder project using React, Hooks and Context API.

Burger builder project using React, Hooks and Context API.

Burger Builder In this project, I made a context-api project by creating hamburgers with 3 different materials. Project setup npm install Project star

Jun 17, 2021

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

Background Scale Hover Effect Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths. Article on Codrops Demo

Dec 6, 2022

Github Repository for the resources shown in my 8 JavaScript Pro Tips Tutorial in Youtube

Github Repository for the resources shown in my 8 JavaScript Pro Tips Tutorial in Youtube

Part 1 - JavaScript Pro Tips - Learn with Sumit Table of Contents How to run Contact How to run Different lessons taught in the Youtube Tutorial are o

Dec 28, 2022

It consists of a recreation of Twitter, to put into practice both Front-end and Back-end knowledge by implementing the MERN Stack together with other technologies to add more value to the project.

Twitter-Clone_Back-end ✨ Demo. 💻 About the project. 📜 Descriptions. It consists of a recreation of Twitter, to put into practice knowledge of both F

Apr 12, 2022

Gets system requirement information to compare to the ones shown in Steam.

Steam SysReq Gets system requirement information to compare to the ones shown in Steam. Usage import getSteamSysReq from 'steam-sysreq'; const steamS

Nov 15, 2022

An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.

An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.

Hover Preview Effect with Mini Map An experimental hover effect, where a content preview is shown while a mini map indicates the position of the curso

Dec 29, 2022

A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.

A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.

A recreation of the popular game Wordle by Josh Wardle (now purchased by the New York Times), with additional modes and features. Hosted on GitHub pag

Dec 11, 2022

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Twitter-Clone_Front-end ✨ Demo. Login Home Profile Message Notifications Deployed in: https://twitter-clone-front-end.vercel.app/ 💻 About the project

Jun 26, 2022

A list of movies are shown and you can add a comment on them or like them.

Dynasty Entertainment. A list of movies are shown and you can add a comment on them or like them. Built With HTML, CSS & JavaScript. webpack, bootstra

Nov 25, 2022

Tampermonkey script which adds the ability to add a user-defined label/tag/flair on a user, shown throughout Hacker News.

Hacker News User Tags Hacker News User Tags is a Tampermonkey userscript which allows the user to associate a custom coloured label/tag on usernames t

Oct 7, 2022

Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Reference for How to Write an Open Source JavaScript Library The purpose of this document is to serve as a reference for: How to Write an Open Source

Dec 24, 2022

A damn-sexy, open source real-time dashboard builder for IOT and other web mashups. A free open-source alternative to Geckoboard.

A damn-sexy, open source real-time dashboard builder for IOT and other web mashups. A free open-source alternative to Geckoboard.

freeboard free·board (noun) *\ˈfrē-ˌbȯrd* the distance between the waterline and the main deck or weather deck of a ship or between the level of the w

Dec 28, 2022
Owner
Dian Jonker
Dian Jonker
WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!

WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!

Nextapps GmbH 5.7k Jan 3, 2023
📃 Violet is an open-source discord bot with multiple functions written in TypeScript.

?? About Violet is a JavaScript Discord bot focused on utility and game functions. It have a temporary channels system, minecraft and league of legend

Violet 3 Nov 11, 2022
Race TV Multiplayer is an open source F1TV desktop client for Windows with support for multi-monitor setups

Race TV Multiplayer Race TV Multiplayer is an open source F1TV desktop client for Windows with support for multi-monitor setups. This app is unofficia

Wessel Kroos 9 Jul 27, 2022
Open source forensic software to analyze and present digital evidence.

Go Forensics Website Open source forensic software to analyze and present digital evidence. This is the website for Go Forensics Installation Yarn is

Mooij Technologies 3 Apr 29, 2022
I built this website for my personal wedding website.

amifauzi.com I built this website for my personal wedding website amifauzi.com. Available features: Welcome modal connected to Google Sheet Hero secti

Fauzi Al Aziz 11 Dec 15, 2022
Re-developed the Sky Ice Cream website using ReactJS. Redesigned the UI to a much more appealing and intuitive styling.

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the developmen

Aakash Jana 1 Dec 27, 2021
🌲The perfect personal website template.

Conifer ?? Conifer is an easy to use, fun and rewarding template to help you build your own personal website. It is 100% free to use- and aimed at tho

Toby 7 Nov 27, 2022
The website for ddocs.io

DDocs Frontend This is a Next.js project bootstrapped with create-next-app. Getting Started cp .env.example .env Fill out any environment variables in

ddocs.io 16 Dec 11, 2022
The mogami.io website

Website This website is built using Docusaurus 2, a modern static website generator. Installation $ yarn Local Development $ yarn start This command

null 6 Nov 4, 2022
Microsoft Club - Sathyabama Institute of Science and Technology's Website

Microsoft Club - Sathyabama Institute of Science and Technology's Website This repository contains the source code for the current deployment of our w

Microsoft Club - Sathyabama IST 6 Jul 25, 2022