Syntax Forge

Syntax Forge is an intuitive and powerful code editor built for writing and testing HTML, CSS, and JavaScript in real-time. Designed with developers in mind, it offers a split-pane editor with instant previews, enabling seamless experimentation and debugging.

Checkout Our Demo : https://syntax-forge.vercel.app/

---

Features

Real-time Editing and Preview

Instantly see changes in your code as you type.

Split-pane Editor

Work on HTML, CSS, and JavaScript in parallel.

AI Forge

Use AI Forge to forge your very own website or ui components in seconds.

Interactive UI

Smooth and responsive interface with modern design elements.

DSA Planner

Make plans for your problems that you will be solving **.

---

Tech Stack

• Frontend Framework: Vite for fast and optimized development.
• CSS Framework: Tailwind CSS for responsive and utility-first styling.
• Icons: Custom SVG components for a modern look.

---

Installation

Follow these steps to run Syntax Forge locally:

Prerequisites

Make sure you have the following installed:

• Node.js (version 16 or later)
• npm or yarn

Steps

1. Clone the repository:

   git clone https://github.com/your-username/syntax-forge.git
   cd syntax-forge

2. Install dependencies:

   npm install

   Or, if using yarn:

   yarn install

3. Start the development server:

   npm run dev

   Or, with yarn:

   yarn dev

4. Open your browser and navigate to:

   http://localhost:3000
   

---

Usage

• Write HTML, CSS, and JavaScript in their respective panes.
• See the output instantly in the preview pane.
• AI Website Builder that uses perplexity sonar-pro model
• DSA Planner
• Read Latest Industry Related Blogs

---

Scripts

• npm run dev or yarn dev - Start the development server.
• npm run build or yarn build - Build the project for production.
• npm run preview or yarn preview - Preview the production build.

---

Contributing

We welcome contributions! If you'd like to contribute:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Commit your changes and push the branch.
4. Submit a pull request.

---

License

This project is licensed under the MIT License.

---

Acknowledgments

• Vite for the fast build tool.
• Tailwind CSS for the beautiful styling utilities.
• Developers and contributors for making this project a reality.

---

Contact

For inquiries, issues, or feature requests, please create an issue in the repository or contact [[email protected]].