Notery

• 

  Notery Banner

• 

  start screen after logging in

• 

  Browsing group notes to open

• 

  The main view after opening a note

• 

  Notery login screen

Inspiration

We wanted to create something that allowed us to work more efficiently with class mates to better understand the material our professors present to use. As a result, Notery was born. It is a modern, React-based web app that lets students and professionals create notes, share them, comment on them, and chat about general topics.

What it does

Notery is a note taking and note sharing web application. Users are able to create notes and access other group mates notes. It also allows users to comment on other group members notes.

How we built it

Notery is built using a React front-end. The back-end uses Mongodb, socket.io, and express to send and receive data. The UI is based on Microsoft's Fabric framework (modified).

Accomplishments that we're proud of

We believe our UI looks really great, and provides a real 'enterprise' feel to our application. We also believe that this tool could be very useful for students at SIUE and at other universities.

What we learned

We learned how to route data more efficiently allowing for more efficient REST calls and socket connections. We also learned the value of proper state management, and how easy it is to get lost hunting down bugs.

What's next for Notery

We would like to keep building upon what we have and add more features such as collaborative editing and the sharing of uploaded files. A "cleaner" rewrite using Redux and less emphasis on sockets.io would be definitely on the to-do list.

Built With

• mongodb
• node.js
• react
• socket.io