Code Brackets is a web-based code editor application that provides a seamless environment for writing and previewing HTML, CSS, and JavaScript code snippets.
-
Code Editing: Supports editing and syntax highlighting for HTML, CSS, and JavaScript within a single interface.
-
Live Preview: Real-time preview of code changes rendered in an embedded iframe.
-
Save and Share: Users can save and share their code snippets via unique URLs.
-
Responsive Design: Easily adapts to different screen sizes and orientations.
-
Frontend: React, React Router, Redux Toolkit, Tailwind CSS, Shadcn UI
-
Backend: PocketBase for managing and storing code snippets.
-
Other Libraries: CodeMirror, Axios, Lucide icons
-
Clone the repository:
git clone https://github.com/AvikNayak22/Code-Brackets.git
-
Change into the project directory:
cd Code-Brackets
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory of the project with the following content:VITE_POCKETBASE_URL=your-pocketbase-url
-
Start the development server:
npm run dev
- Avik Nayak (@AvikNayak22)