Note.js

Inspiration

While we were doing homework, we found it very annoying to switch between the document and the notes. Then we were like "why not make a web app that lets you highlight important and text and take notes? We can use node.js to make it and call it NOTE.js haha" and then it really happened.

What it does

• Select any text on any site in Chrome
• Add a note
• Go on the web app and it will have all your notes from every project organized

How we built it

• Chrome extension that selects text and allows you to add notes to it
• Data sent to the back-end (Node.Js)
• Back-end sends the data to the database (firebase)
• Back-end retrieves data from database if anything is updated
• Back-end sends data to front-end
• Front-end displays it in a friendly format

Challenges we ran into

We ran into MANY challenges along the way. These include, but are not limited to:

• Chrome extension highlighting wasn't working
• Front-end can't display data properly
• Can't deploy the server (because of security issues)

Accomplishments that we're proud of

• We were able to create a working database, and successfully connect it with the chrome extension and the website app

What we learned

• We learned a big lesson on working with Javascript
• Backend can be a tricky thing

Built With

• chrome
• express.js
• firebase
• html
• javascript
• node.js
• socket.io