cnippr

• 

  The login screen

• 

  The user registration screen

• 

  A user's profile

Inspiration

We, as avid programmers, want a simple, intuitive tool to easily store code snippets that will increase the productivity and efficiency of our programs.

What it does

Cnippr utilizes Oauth authentication with a RESTful service to store interesting code snippets to the cloud. We are using Firebase to store this data, so users can quickly access their saved code snippets.

How We built it

We developed our application primarily through Electron and utilized Nodejs and Firebase for back-end. For the user interfaces, we used Angular 2 and typescript as well as material designs.

Challenges We ran into

We had difficulties coming up with an initial idea, but we able to steadily develop our project once we got started. We also had doubts integrating Ionic 2, but are confident that we can do so in the future.

Accomplishments that We're proud of

We learned the fundamentals of developing a robust Electron application that is both RESTful and cross-platform.

What We learned

We learned how to develop an Electron application and integrate it with Firebase and Angular 2.

What's next for Cnippr

We plan to implement Ionic 2 and Reactive native with this application, so users can access their information from their mobile devices. We also plan to implement a comment section for other users on Cnippr and allow users to share code via social mediums. Thus, this application can be more user-friendly and easily manageable.

Built With

• angular.js
• css3
• electron
• firebase
• html5
• material
• node.js