Skip to content

"Code Snippets" is a web application designed to facilitate the creation and management of code snippets. The application incorporates specialized tools for a versatile code editing experience and implements a user interface that is clean and responsive

Notifications You must be signed in to change notification settings

rahil1202/code-snippet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

"Code Snippets" is a web application designed to facilitate the creation and management of code snippets. The application incorporates specialized tools for a versatile code editing experience and implements a user interface that is clean and responsive

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published