Skip to content

Lasse-NP/CodeSnippetManager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


ReactLogo2

A Personal Code Snippet Manager

React-Built Programming Tool


About The Project

In this project, I have set out to built a Code Snippet Manager, backed by an MS-SQL Database, this program will be able to keep your important coding snippets within arms-reach wherever and whenever you need them. This tool will help you keep track of useful code, by letting you search, sort and filter through all of your saved coding snippets. This program supports tagging, allowing you to tag the coding snippets with whatever you feel fits them best, the tags allow for even more precise searching capabilities.

image

Technologies

The system has consists of the following components:

  • ASP.NET RESTful API
    • Entity Framework (ORM)
  • React-Vite Frontend Web Service
  • MS-SQL Database

How-To

The layout of the main page is as shown below. It allows the main use of the system, where you are able to review saved snippets in detail. This structure of the top navigation bar and the sidebar, is kept throughout the different sections of the system. Notice the navigation bar contains a dropdown menu which allows the selection of which database to pull the snippet data from. Currently there is only two preset databases to pull from, a local one and a remote one of my own choosing.

image

The detailed view of the snippets is complete with languages, a title, a description of the snippet, the code itself (With syntax coloring), and lastly searchable tags. The code section contains a clickable button which copies the code directly into your Copy-Paste. Two buttons exists within the view, one to delete the snippet and another that allows you to change the selected snippets data.

image image

Roadmap

  • Build Back-end
  • Build Restful API
  • Design Main Page
  • Implement Full CRUD Functionality
    • Create Snippets
    • Read Snippets
    • Update Snippets
    • Delete Snippets
  • Design Start Page
  • Finalize and Polish Design
  • Enhance Visuals of Code
  • Switch to Permanent Database Solution
  • Tag Auto-complete Functionality
  • Add Custom Databases To Database List Functionality
  • First Downloadable Release

About

A Personal Code Snippet Management Service. Built with React, C#, Entity Framework and MS SQL.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors