Git Product home page Git Product logo

bucks-note-taker's Introduction

bucks-note-taker

Here is a tool to help you stay organized - write, save, delete notes!

Table of Contents


Description

This application uses an express backend, saving and retrieving JSON stored data. It can be used to write and save notes. You also have the option to delete them as well. The app uses an Express.js back end and will save and retrieve user generated note data from a JSON file. The application’s front end has already been created. I built the back end, connected the two, and then deploy the finished application to Heroku. When opening the Note Taker, the user is presented with a landing page with links to a note page. When the user clicks the link to the notes page, they are presented with a landing page with some existing notes listed on the left side column. On the right side column, the user enters a new note title, note text, the save icon button apears. Once pressed, the note appears on the left hand side(with the other existing notes). When you click an existing note on the left land side, the note "opens" and apears on the right side. If you press the "+" icon, the user is presented with an emty field to enter a new note title and text in the right hand column. If you wish to delete that note or any other, the option is there. I hope you enjoy and find this application useful.

Features

  • Heroku deployment
  • express.js
  • back-end db routes

Website Link

Check out the deployed app here: Note Taker


Screen Shots

assets/salty-gorge-1.png

assets/salty-gorge-2.png


Installation

💾

Install dependencies with npm

In the command line run npm install


Usage

💻

Type npm run start in the command line


Contributing

Buck Blocker

bucks-note-taker's People

Contributors

bucknorris336 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.