GithubHelp home page GithubHelp logo

11_note_taker's Introduction

Note Taker

An application that can be used to write, save, and delete notes. This application uses an express backend, and save and retrieve note data from a JSON file.

Badges

Code quality and validation

Language grade: JavaScript shields.io shields.io

Repository Status

shields.io shields.io

License

GitHub

Table of contents

The challenge

The application frontend has already been created, it's your job to build the backend and connect the two.

Main elements:

  • Write, save, and delete notes

  • The application should have a db.json file on the backend

  • The following API routes should be created:

    • GET /api/notes - Should read the db.json file and return all saved notes as JSON.

    • POST /api/notes - Should receive a new note to save on the request body, add it to the db.json file, and then return the new note to the client.

    • DELETE /api/notes/:id - Should receive a query parameter containing the id of a note to delete. This means you'll need to find a way to give each note a unique id when it's saved. In order to delete a note, you'll need to read all notes from the db.json file, remove the note with the given id property, and then rewrite the notes to the db.json file.

The development process

In order to accomplish the challenge, the following steps were done:

  1. Understand the purpose, concept and frontend functionality of the application.
  2. Research assets.
  3. Include dependencies.
  4. Develop and test HTML and API routes.
  5. Link frontend with the backend.
  6. Final review and proper documentation.

The Output

With the described process we were able to create a useful and efficient fullstack application that write, save, and delete notes.

User story

  1. As a user, I can write and save notes, so that I can organize my thoughts and keep track of tasks I need to complete.
  2. As a user I can delete notes I have wirtten before, so that I can keep my notes updated.

The application

Installation and Usage

The project was uploaded to GitHub at the following repository: https://github.com/jorguzman100/11_Note_Taker

You can access the deployed application with the Heroku link: https://fierce-earth-57501.herokuapp.com/

To install the project follow these steps:

  1. Clone the application from GitHub with:
    • git clone [clone link from GitHub]
  2. From the root folder, install the dependencies with:
    • npm install
  3. Run the app with:
    • node server.js

Credits, tools and other references

Third Party Assets

Bootstrap

Font Awesome

Shields.io

LGTM

Markup Validation Service

Contributing

  • Pull requests are welcome.
  • For major changes, please open an issue first to discuss what you would like to change.
  • Please make sure to update tests as appropriate.

Questions

If you have questions or you want to share comments, I will be glad to hear from you. Please contact at [email protected].

11_note_taker's People

Contributors

jorguzman100 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.