Skip to content

A full stack code editor app with beautiful animations and responsiveness to enhance UI/UX. Users can authenticate, share their work and run code snippets in real time.

Notifications You must be signed in to change notification settings

utk145/Fullstack-Codepen-Clone

Repository files navigation

Fullstack Codepen Clone

This is a fullstack CodePen clone built using Vite, Tailwindcss, Firebase. With this application users can write, execute and share HTML, CSS, and JavaScript code snippets in real-time.

Getting Started

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Clone and setup the repository to your local machine using the following command:

- git clone https://github.com/utk145/Fullstack-Codepen-Clone.git
- npm install --legacy-peer-deps
- npm run dev

To avoid merge or version conflicts of react

  • npm i --legacy-peer-deps

Disclaimer

Please note that I do not own Codepen or any of its affiliated entities. This code has been created solely for educational purposes and is not intended for commercial use or distribution. Any use of this code is at your own risk, and I am not responsible for any damages or consequences that may arise from its use. Furthermore, I make no guarantees or warranties regarding the accuracy or completeness of the code, and I shall not be liable for any errors or omissions in the code or any loss or damage of any kind arising from or in connection with the use of the code.

Keep Codin' :)

Screenshot (32) Screenshot (33) Screenshot (34)

About

A full stack code editor app with beautiful animations and responsiveness to enhance UI/UX. Users can authenticate, share their work and run code snippets in real time.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published