Swaraj-Deep / codesnippets

A place where you can share code

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CodeSnippets

CodeSnippets is a platform that allows developers to share, save, and collaborate on code snippets and projects.

Tools used

Next.js
React.js
Monaco Editor
Convex
Shadcn
Lucide React
Tailwind

How to use

Clone this repository using

git clone git@github.com:Swaraj-Deep/codesnippets.git

Once the repository is cloned run following commands

yarn dev

This will run the Next.js server.

npx convex dev

This will run the convex development server.

Current Functionalities

Curently CodeSnippets offers you to create a snippet. Save the snippet and also share the snippet. You need an account though to save the snippet.

Current Archietecture

Current Archietecture is very simple. The UI is made in React.js using Next.js as SSR framework. The API Layer is integrated in Next.js only where the request is sent to convex to save the data in database.

Screenshots

Home Page

Creating a snippet

Sharing the snippet

Futrue Scope

We will introduce live code sharing which will increase collaboration among developers. Also we will integrate live code execution module to quickly verify the code. Backed needs to be moved out of Next.js framework.

About

A place where you can share code

License:MIT License


Languages

Language:TypeScript 93.5%Language:JavaScript 4.1%Language:CSS 2.4%