CodeSnap – Create, Run & Share Code Snippets

View Demo · Report Bug · Request Feature

Welcome to CodeSnap, a lightweight app for creating, sharing, running, and viewing code snippets with ease. Built to simplify code sharing, CodeSnap enables users to generate a shareable link for any snippet, making collaboration more efficient and accessible.

• Overview
  • Why CodeSnap?
  • Technologies Used
  • Features
• Getting Started
  • Prerequisites
  • Installation
  • Running the Development Server
  • Building for Production
  • Linting and Formatting
• Contributing
• Links
• Contact
• Acknowledgments

CodeSnap was created to provide an easy-to-use solution for sharing code snippets, making collaboration faster and more intuitive. The platform supports syntax highlighting, code editing, and live code execution, so you can showcase and test code within seconds.

• Real-time Code Editor: Built with Monaco, the editor offers syntax highlighting, code completion, and error handling.
• Live Code Execution: Test code snippets in real-time.
• Firebase Integration: Reliable backend for storing, retrieving, and managing snippets.
• Responsive Design: Optimized for both desktop and mobile.
• Sharing Made Easy: Generate and share links with a single click.

• Node.js (>= 20.0.0)
• npm (>= 10.0.0) or yarn (>= 1.22.0)

1. Clone the repository:

   git clone https://github.com/RanitManik/CodeSnap.git
   cd CodeSnap

2. Install dependencies:

   npm install

   or

   yarn install

To start the development server, run:

npm run dev

or

yarn dev

Open your browser and navigate to http://localhost:5173 to interact with CodeSnap.

To build the application for production, run:

npm run build

or

yarn build

The built files will be located in the dist directory.

To lint your code, run:

npm run lint

or

yarn lint

To format your code, run:

npm run format

or

yarn format

Contributions to CodeSnap are welcome! To contribute:

1. Fork the repository.

2. Create a new branch for your feature or bug fix:

   git checkout -b feature-name

3. Make your changes and commit them with clear, descriptive messages.

4. Push your changes to your fork:

   git push origin feature-name

5. Open a pull request, detailing the changes and improvements you’ve made.

	Social Media	Username	Link
	Email	[email protected]	Email
	LinkedIn	Ranit Manik	LinkedIn
	Instagram	ranit_manik_	Instagram
	Facebook	RanitKumarManik	Facebook

Feel free to reach out if you have questions or just want to chat about web adventures!

This project wouldn't be possible without the collaboration and resources of the developer community. Thanks to the community and tools like React and Nextjs. Special appreciation goes to friends and family. I hope it inspires further learning.

Thank you for using CodeSnap! Happy coding! 👨‍💻