https://github.com/roshanbhagat021/codevine
**CodeVine** is a simple online tool where you can write HTML, CSS, and JavaScript code. It shows you the results instantly and lets you download your code with one click. Great for trying ideas, learning, or testing small projects.
https://github.com/roshanbhagat021/codevine
jszip monaco-editor react react-router reactjs tailwind
Last synced: 2 months ago
JSON representation
**CodeVine** is a simple online tool where you can write HTML, CSS, and JavaScript code. It shows you the results instantly and lets you download your code with one click. Great for trying ideas, learning, or testing small projects.
- Host: GitHub
- URL: https://github.com/roshanbhagat021/codevine
- Owner: Roshanbhagat021
- Created: 2025-04-09T15:23:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-19T13:12:52.000Z (about 1 year ago)
- Last Synced: 2025-04-23T03:57:20.900Z (about 1 year ago)
- Topics: jszip, monaco-editor, react, react-router, reactjs, tailwind
- Language: JavaScript
- Homepage: https://codevine.netlify.app/
- Size: 271 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# COVEVISE | Code Editor 👨💻
This is Basic Code Editor where you can create some small coding projects in HTML , CSS and JAVASCRIPT and can download the code to your local system as well.
## Table of Contents
1. [Features](#features)
2. [Technologies Used](#technologies-used)
3. [Setup Instructions](#Setup-instructions)
4. [Future Enhancements](#future-enhancements)
# Features
- HTML, CSS and JS code editor
- Instant preview of your code
- Code download feature
- Dark Mode (Enabled)
- Responsive UI (along with beautiful loading animation)
# Technologies Used
- ## Frontend
- React
- Tailwind css
- ## Library
- Monaco editor
- Jszip
# Setup Instructions
Prerequisites
1. Install [Node.js](https://nodejs.org/en) and npm.
## Clone the Repository
```bash
git clone https://github.com/Roshanbhagat021/CodeVine.git
cd CodeVine
```
# Future Enhancements
- Backend Integration for Code Storage
Implementing a secure backend system that allows users to save, retrieve, and manage their code online — making their projects accessible from anywhere.
- Real-time Collaborative Editing
Adding a collaborative feature where multiple users can edit code together in real time, view changes live, and work seamlessly as a team
# Have a Look
