NoteTaker

Summary

For users that need to keep track of a lot of information, tasks or goals, it's easy to forget or loose track of important next steps. Being able to take persistent notes allows users to have written information available when needed to reference these important pieces of information. NoteTaker does just this, allows users to take notes via a CLI application that launches in the browser. After launching the application you can keep a tab open in the browser, take and edit notes, and trash the ones that you have marked off your list. Just follow the instructions below to get started.

Demo

Getting Started

Instructions:

There are a couple dependencies that are have already been provided for you in the package json. All you need to do is open your terminal and run "npm install". This gives you access to the packages that will run the applicaiton, mainly the express.js package. Next, in terminal run "node server.js". This will launched your local host 3000. You can then navigate to your browser and go to https://localhost:3000 where you will be able to start taking and editing notes.

Technologies Used

• Express.js - Used for applicatoin end points handling client requests as well as utilizing middle ware for referencing public files in backend funcitions.
• Node.js - Used for package managment and to execute JavaScript code outside of a browser to build command line tool for server-side scripting.
• Javascript - Used to base functionality of functions and prompts within the application.
• ES6 - Used to build prompts, functions, methods, and classes.
• HTML - Used to generate HTML to be displayed in the browser.
• CSS - Used to style html elements.
• Git - Version control system to track changes to source code
• GitHub - Hosts repository that can be deployed to GitHub Pages

Code Snippet

The code snippet below handles the request to delete a note. Calling on the built in method in express "delete("/") we direct to the api path where we can get the id's that have been set to individual notes in our database. We then read the files from that directory, parse out the data that we need in this case the id, then splice that id out of the database object when the note has been deleted. Once that work has been done we still need to display these changes, we we write the updated file from our database back to the browser.

app.delete('/api/notes/:id', function (req, res) {
  
  var chosenNote = req.params.id
  console.log(chosenNote)

  fs.readFile("db/db.json", "utf8", function (err, data) {
      console.log('delet1')
      if (err) throw err

      var note = JSON.parse(data)
      var index = parseInt(chosenNote) - 1
      note.splice(index, 1);

      fs.writeFile('db/db.json', JSON.stringify(note), 'utf8', function (err) {
      if (err) throw err
      console.log('deletedone2')
      })
  })
  res.send(chosenNote)
});

Built With

• Express.js
• Node.js
• npmjs
• HTML
• CSS
• Boostrap

Authors

Chris Melby

• LinkedIn
• Link to Github
• Portfolio