Skip to content

README.md

Latest commit

 

History

History
81 lines (48 loc) · 2.46 KB

README.md

File metadata and controls

81 lines (48 loc) · 2.46 KB
Raw

Code Snippets Banner

Code Snippets 🚀

Create and manage code snippets in various languages and capture code screenshots.

"Code Snippets" is created using ReactJs, Monaco Editor, and MUI.

Technologies Used 🛠️

  • ReactJS: A JavaScript library for building user interfaces.
  • Monaco Editor: A versatile code editor that powers Visual Studio Code.
  • MUI (Material-UI): A React UI framework that implements Google's Material Design.

Features ✨

  • Code Snippet Management: Easily create, edit, and organize your code snippets.
  • Monaco Editor Integration: Enjoy a powerful and customizable code editing experience.
  • Clean and Responsive UI: User-friendly interface that adapts to various screen sizes.

Quick Walkthrough 🚶‍♂️

  • Create a New Snippet:

    Click on the ➕ button to create a new snippet. Enter the snippet name and description.

    New Snippet

  • Write Code:

    Select the language and start writing code in the editor.

    Write Code

  • Change Theme ✨:

    Personalize your coding experience by changing the theme.

    Change Theme

  • Take a Screenshot 🎉:

    Capture a screenshot of your code by clicking on the "Take Screenshot" button.

    Take Screenshot

    Get your screenshot as 📸:

    Code Screenshot

  • Save for Later:

    Save your code snippet for future reference.

    Save Code

Getting Started 🚦

  1. Clone the repository:

    git clone https://github.com/your-username/code-snippets.git

  2. Install dependencies:

    npm install

  3. Run the application:

    npm start

  4. Open your browser and navigate to http://localhost:3000.

Contributing 🤝

We welcome contributions! Feel free to open issues and pull requests. Make sure to follow our contributing guidelines.

License 📄

This project is licensed under the MIT License - see the LICENSE.md file for details.