https://github.com/mazenrashaddd/vscode-clone
A functional and stylish clone of Visual Studio Code built with React, Vite, and Tailwind CSS, Typescript, Redux Toolkit, and more. This project replicates the layout, appearance, and core UI interactions of VS Code, offering a responsive and modern frontend experience.
https://github.com/mazenrashaddd/vscode-clone
axios react redux tailwindcss typescript vite vscode vscode-clone
Last synced: 4 months ago
JSON representation
A functional and stylish clone of Visual Studio Code built with React, Vite, and Tailwind CSS, Typescript, Redux Toolkit, and more. This project replicates the layout, appearance, and core UI interactions of VS Code, offering a responsive and modern frontend experience.
- Host: GitHub
- URL: https://github.com/mazenrashaddd/vscode-clone
- Owner: mazenrashaddd
- Created: 2025-06-14T14:14:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-14T14:20:54.000Z (about 1 year ago)
- Last Synced: 2025-06-14T15:31:16.839Z (about 1 year ago)
- Topics: axios, react, redux, tailwindcss, typescript, vite, vscode, vscode-clone
- Language: CSS
- Homepage:
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖥️ vscode-clone
A visually accurate and responsive clone of **Visual Studio Code**, built using **React**, **Vite**, and **Tailwind CSS**. This project emulates VS Code's interface and core layout, offering a slick frontend UI for educational or demo purposes.
---
## 🚀 Features
- 🧭 Side bar with icons and sections (Explorer, Search, Source Control, Extensions)
- 🗂️ File explorer and tabbed editor UI
- 🌙 Dark theme styled after the real VS Code
- 📐 Responsive layout using Flexbox and CSS Grid
- ⚡ Super-fast bundling with **Vite**
- 💅 Styled using **Tailwind CSS**
- ⚛️ Built with **React** and functional components
---
## 📦 Tech Stack
- **React** – Component-based UI
- **Vite** – Lightning-fast development server
- **Tailwind CSS** – Utility-first styling
- **TypeScript** – Type-safe development
- **Redux Toolkit** – State management
---
## 🛠️ Getting Started
Follow these steps to set up and run the project locally.
### 1. Clone the Repository
```bash
git clone https://github.com/your-username/vscode-clone.git
cd vscode-clone