Codepen clone

A static clone of one of my favorite tools for make code online, codepen

Demo 🚀

Right here you can see the demo for mobile or dekstop view

Tech Stack 👌

• HTML
• SCSS
• JavaScript
• Vite as builder with pnpm

Lessons Learned 🤔

• The use of css grid with this kind of layout is very uselful and makes the things easier.
• The use of scss partials to divide better the styles code
• The fastly of pnpm as a package manager
• Use of an easy github action to build the deploy in gh-pages

Run Locall 💻

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies with pnpm

  pnpm install

Start the server

  pnpm run dev