GithubHelp home page GithubHelp logo

jpbrickhouse / note-taker-express-server Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 148 KB

An application to write, save, and delete notes. Uses an express backend to perform CRUD operations on data contained in a .json file, which mimics a more formal database.

CSS 8.55% JavaScript 72.07% HTML 19.38%
note-taking json crud

note-taker-express-server's Introduction

Note Taker - Express Server

License: MIT

DESCRIPTION

For users that need to keep track of a lot of information, it's easy to forget or be unable to recall something important. Being able to take persistent notes allows users to have written information available when needed.

Note Taker is an application that can be used to write, save, and delete notes.

This application will use an express backend to save and retrieve note data from a JSON file database.

Visit the deployed application here: https://ancient-basin-96001.herokuapp.com/

SCREENSHOTS

Landing Page

Landing Page

NoteTaking Page

Note Taking Page

TABLE OF CONTENTS

INSTALLATION

  • No installation is required, as the user can simply visit the deployed application link: https://ancient-basin-96001.herokuapp.com/
  • However, if the user wishes to investigate the code locally, the following steps should be performed:
    • Clone the repo for use on your local machine
    • Use the command line to locate the cloned repo and make it your current directory
    • Type npm install in the command line
    • This will install the necessary node module packages and dependencies

USAGE

  • To run the application locally...
    • Use the command line to locate the cloned repo and make it your current directory
    • Simply type node server.js in the command line
    • Executed correctly, the command line should respond with App listening on PORT: ####
    • Open your preferred browswer and visit http://localhost:####/
    • In both instances above, replace #### with the corresponding PORT number as noted in the server.js file
    • To end the server instance, simply type "ctrl" + "c"
  • To run the application online, please visit the deployed link: https://ancient-basin-96001.herokuapp.com/
  • Application functionality is identical whether you are running the server locally or visiting the deployed link:
    • After arriving at the landing page, please click "Get Started" to proceed
    • The next page - the "note-taking" page - consists of a sidebar, an entry form, and a navbar with buttons
    • Enter the note title and any corresponding text
    • To save the note, click the save button (a floppy disk icon)
    • Any saved notes will have their titles appear on the sidebar
    • To view the contents of a saved noted, click on the note title in the sidebar
    • To delete any notes saved on the sidebar, click the delete button (a trashcan icon)
    • To create a new note, click the compose button (a pencil icon)

LICENSE

License: MIT License
https://opensource.org/licenses/MIT

CONTRIBUTING

https://github.com/JPBrickhouse

QUESTIONS

Feel free to visit the following GitHub for more information: https://github.com/Username

note-taker-express-server's People

Contributors

jpbrickhouse avatar

Watchers

 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.