TriMarkup Studio

TriMarkup Studio is an all-in-one web code editor designed to streamline the development process for HTML, CSS, and JavaScript. Built with React and styled with Tailwind CSS, TriMarkup Studio offers an intuitive and powerful environment for crafting stunning websites and web applications.

Features

• Integrated Environment: Seamlessly edit and preview HTML, CSS, and JavaScript in a single, unified workspace.
• Live Preview: Instantly see the impact of your code changes with a real-time preview.
• Syntax Highlighting: Enhanced readability with syntax highlighting for HTML, CSS, and JavaScript.
• Autocomplete: Speed up your coding with smart suggestions and autocompletion.
• Error Detection: Catch errors early with built-in code validation and debugging tools.
• Customizable Interface: Tailor the editor to fit your workflow with customizable themes and layouts.
• Collaborative Editing: Work together with team members in real-time for enhanced productivity.

Getting Started

Prerequisites

To run TriMarkup Studio locally, you will need:

• Node.js and npm (Node Package Manager)
• A modern web browser (e.g., Chrome, Firefox, Safari)

Installation

1. Clone the repository:

   git clone https://github.com/thecrusader25225/trimarkup-studio.git
   

2. Navigate to the project directory:

   cd trimarkup-studio
   

3. Install the dependencies:

   npm install
   

4. Install Tailwind CSS:

   npm install -D tailwindcss
   

5. Install React Icons:

   npm install react-icons
   

   This will add the necessary react-icons package to your project.

6. Start the development server:

   npm start
   

7. Open your browser and navigate to:

   http://localhost:3000
   

Now, Tailwind CSS and React Icons are installed and ready to use in your TriMarkup Studio project.

Usage

Once the development server is running, you can start coding with TriMarkup Studio by navigating to http://localhost:3000 in your browser. The interface will allow you to write HTML, CSS, and JavaScript code, with live preview functionality.

Contributing

We welcome contributions to TriMarkup Studio! If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.

1. Fork the repository

2. Create your feature branch:

   git checkout -b feature/YourFeature
   

3. Commit your changes:

   git commit -m 'Add some feature'
   

4. Push to the branch:

   git push origin feature/YourFeature
   

5. Create a new Pull Request

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries, suggestions, or issues, please contact thecrusader.25225@gmail.com or open an issue on GitHub.

Thank you for using TriMarkup Studio! We hope it enhances your web development workflow.