Code Monkey home page Code Monkey logo

sheel-ui / codeshare Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 236 KB

Tool that enables developers to effortlessly create, share, edit, and manage code snippets with advanced features like Prisma integration, VS Code editor, dynamic paths, caching, and robust error handling.

Home Page: https://github.com/Sheel-ui/codeshare/blob/main/demo/edit.png

JavaScript 1.97% CSS 0.50% TypeScript 97.53%
code-editor prisma tailwind full-route-caching nextjs reactjs

codeshare's Introduction

CodeShare

CodeShare is an innovative online tool built using Next.js and Tailwind for developers to easily share code snippets with others. Whether you're collaborating with a team or seeking feedback from friends, CodeShare provides a seamless platform to create, edit, and manage your code snippets.

Features

  • Create and Share Snippets: Effortlessly create code snippets and share them via hosted links.

  • Edit and Delete: Modify or remove your snippets with a user-friendly interface.

  • Prisma Client Integration: Utilizes Prisma Client for robust and efficient data management.

  • Optimized Performance: Implements best practices like server actions, route caching, and optimal use of server and client components.

  • Code Editor: Includes a fully-featured code editor from VS Code, supporting dark mode, line numbering, autocomplete and much more for an enhanced coding experience.

  • Dynamic Paths and Custom Not Found Pages: Supports dynamic URL paths and personalized 404 error pages for better navigation and user experience.

  • Automatic Loading Spinners: Enhances the user experience with visual loading indicators.

  • Form Validation and Error Handling: Ensures reliable form submission with robust validation and error handling mechanisms.

  • Efficient Caching: Employs a comprehensive route caching system to improve performance and ensure up-to-date data display.

Demo

Home: Lists the code snippets you created

Home Page

Edit: Offers a responsive code editor to make changes in the code.

Edit Page

How to Use in Local

  1. Clone the Repository:

    git clone https://github.com/sheel-ui/codeshare.git
  2. Install Dependencies:

    cd codeshare
    npm install
  3. Setup Environment Variables: Create a .env file in the root directory and add your environment variables.

  4. Run the Development Server:

    npm run dev
  5. Open Your Browser: Go to http://localhost:3000 to start using CodeShare.

How to Use in Local

To share the code online, deploy the application using the steps mentioned here.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.

License

This project is licensed under the MIT License.

Thank you for using CodeShare!

codeshare's People

Contributors

sheel-ui avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.