Snippet

Inspiration

As a frequent web developer, I always find myself copying code from old projects to speed up the process or I have forgotten it. I developed this website too organise the random code snippets into one place.

What it does

Snippet allows you to keep all of your frequently used (or forgotten) code in one easy to access place. Also, you are able to search and discover other's snippets, to learn tips and tricks.

How I built it

I built it with Django, as an API and Vue.js with Vue Router for the front-end. This allowed me to make it an SPA. Other libraries include jQuery, and Axios for requests.

Challenges I ran into

Authentication! This was the first time I had used authentication for an SPA. I used tokens to verify users. It also has a very complex database structure.

The code editor was also a challenge, as normal HTML inputs don't save formatting, so I had to make a parser to convert it to HTML (enter to
, space to  ).

Accomplishments that I'm proud of

It looks really nice! I like the clean UI, and it is very responsive. I also did the main part of it in about 24 hours over 2 days.

What's next for Snippet

A better sense of being online and sharing will be next (searching for other snippets, and filtering for popular ones!) Also, the 'snip' feature isn't yet used, where users can save other's Snippets to reference in the future.

Built With

• django
• restframework
• vue
• vue-router