JumpNote is a Simple, Quick, Easy to use, Note taking app that "automagically" backups everything to a server. Using the hottest new technology we built JumpNote using React Native for the app frontend, Node.js for the backend server magic, and used Mongodb to implement our database.
-
You can download latest installable version of JumpNote for Windows, macOS and Linux.
-
git clone the repo
git clone https://github.com/SRJC-Computer-Science-Club/jumpnotes.git
Follow these instructions to get everything you need installed.
-
Install Node.js
-
Windows installation here Node.js on Windows
-
Mac installation here Node.js on Windows
-
Ubuntu installation here Node.js on Windows
-
Install MongoDB
After you have finished installing all the software correctly you can now clone the repo into a folder of your choosing and run the server.
To get started:
-
open up cmd( command prompt ) for windows, terminal for Mac and Linux
-
Download This file
-
Go to you Downloads folder
-
Unzip
jumpnotes-master.zip Clone this repository git clone https://github.com/SRJC-Computer-Science-Club/jumpnotes.git
-
If
gitis not installed it can be download here
Go into the repository > cd jumpnotes-master
Install dependencies
> npm install
Start Mongodb server
npm start_mongdb
- if npm start_mongdb does not work for you try running
mongod --dbpath "data"
Run the app
> npm start
How the data flows from server and clients
Client - The notes app has a open connection to the server that is located at the address http://localhost:3000 on the physical server.
When the Client request to the server the server sends back a a JSON object like this one
Example
{
"id": 1,
"title": "My first Awesome Note!",
"noteText": "Idea for greate new book title Brave New World"
}
Server - The get and processed the json object like above, and sends them to the mongodb
server ( located at the address mongodb://localhost:27017/Notes) to be added to the database.
The server **saves ** data to the database by sending a json object that is saved by issuing the db.collection.insert() an example would look like
db.collection.insert(
{
"id": 1,
"title": "My first Awesome Note!",
"noteText": "Idea book title Brave New World"
}
)
Here is what it looks like to call db.collection.insert() inside the Server (note this doesnt work outside the server app)
var MongoClient = require('mongodb').MongoClient; /Data to be saved in database/
// The Name of the database
//|
//V
var URL = "mongodb://localhost:27017/Notes";
var DATA = {
"title": "My first Awesome Note!",
"noteText": "Idea book title Brave New World"
}
MongoClient.connect(URL, function (err, db) {
// select the name of the database
//|
//V
db.collection('Notes', function (err, collection) {
collection.insert( DATA );
db.close();
});
});
Learn the basics of Node.ls, Express.js ---------------Click here
-
Node.js In this project we used the following frameworks, library's and software.
-
MongoDB : is a free and open-source cross-platform document-oriented database
-
Node.js : an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side.
-
Express : is a minimal and flexible Node.js web application framework
-
mongodb : is an MongoDB driver for Node.js. Provides a high-level API on top of mongodb-core that is meant for end users.
-
Socket.io : creates real-time bidirectional event-based communication in node.js
-
React Native : open-source framework allowing you to build fully native apps in JavaScript
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
