https://github.com/jeremiasvillane/codify
A simple Live Code Editor developed with pure HTML, CSS and JavaScript, powered by Vite.
https://github.com/jeremiasvillane/codify
css development html ide javascript live-editor monaco-editor tailwindcss typescript vitejs web-development
Last synced: 3 months ago
JSON representation
A simple Live Code Editor developed with pure HTML, CSS and JavaScript, powered by Vite.
- Host: GitHub
- URL: https://github.com/jeremiasvillane/codify
- Owner: JeremiasVillane
- License: mit
- Created: 2025-01-16T00:55:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-28T20:53:28.000Z (over 1 year ago)
- Last Synced: 2025-09-10T16:07:04.364Z (9 months ago)
- Topics: css, development, html, ide, javascript, live-editor, monaco-editor, tailwindcss, typescript, vitejs, web-development
- Language: CSS
- Homepage: https://codify-web.vercel.app
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Codify: Live Code Editor ✨
A web-based live code editor that allows you to write and preview HTML, CSS, and JavaScript code in real-time.
## Features 🚀
- ⚡Real-time preview of HTML, CSS, and JavaScript
- 📄 Monaco editor with syntax highlighting
- 🌑 Dark theme interface
- 🔧 Resizable editor panels
- 📦 Export functionality to download code as ZIP file
- 📱 Responsive layout for desktop and mobile
- 💾 Local storage to persist code changes
## Tech Stack 🛠️
- TypeScript
- Monaco Editor
- TailwindCSS
- Vite
- JSZip
## Development 🛠️
1. Install dependencies:
```sh
pnpm install
```
2. Start development server:
```sh
pnpm dev
```
3. Build for production:
```sh
pnpm build
```
4. Preview production build:
```sh
pnpm preview
```
## Project Structure 📂
```pre
src/
constants/ # Constants and default values
helpers/ # Utility functions
types/ # TypeScript type definitions
main.ts # Entry point
input.css # TailwindCSS input styles
output.css # Generated CSS
```
## License 📜
This project is licensed under the MIT License.
## Author 📌
By: [Jeremias Villane](https://www.linkedin.com/in/jeremias-villane)