The Expresss JS Note Taker is a simple, lightweight, and fast web application that allows users to write, save and delete notes on their own.
- Overview
- The Challenge
- Usage Information
- Installation Process
- Built With
- What I Learned
- Continued Development
- License
- Author
- Acknowledgments
Create an application that uses Express.js on the back end by saving and retrieving note data from a JSON file. Once done, merge connect both the back end and front end of the application then deploy the entire application to Heroku.
AS A small business owner
I WANT to be able to write and save notes
SO THAT I can organize my thoughts and keep track of tasks I need to completeGIVEN a note-taking application
WHEN I open the Note Taker
THEN I am presented with a landing page with a link to a notes page
WHEN I click on the link to the notes page
THEN I am presented with a page with existing notes listed in the left-hand column, plus empty fields to enter a new note title and the note’s text in the right-hand column
WHEN I enter a new note title and the note’s text
THEN a Save icon appears in the navigation at the top of the page
WHEN I click on the Save icon
THEN the new note I have entered is saved and appears in the left-hand column with the other existing notes
WHEN I click on an existing note in the list in the left-hand column
THEN that note appears in the right-hand column
WHEN I click on the Write icon in the navigation at the top of the page
THEN I am presented with empty fields to enter a new note title and the note’s text in the right-hand columnThe following animation demonstrates the application functionality:
- Click here to open the Deployed Application Link:
- Click "Get Started" to open the note taker.
- Enter text into the 'title' and 'text' fields
- Click the save icon (top right) to save the note.
- Click the + icon (top right) to add another note.
- Additional: Click the trash icon to delete saved notes.
- Clone the Repository from GitHub
- (or) Download Zip Folder from Repository from GitHub
- Open the cloned (or downloaded) repository in any source code editor.
- Open the integrated terminal for the document and complete the respective installation guides provided in "Built With" to ensure the cloned documentation will operate.
- Saiyan Pride
- JSON: JSON
- Heroku: Heroku
- Dynamic JavaScript
- Node.js Version 16.18.1
- Express.js:Express.js
- License Badge: Shields.io
- Visual Studio Code: Website
- I learned how create api routes and html routes.
- I learned direct deployment to Heroku from the intergrated terminals command line interface.
- Creating further options such as bookmarks, pinned notes, and chapters.
- Create intergration of this note taker into future deployed applications
- Learn more Express development.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.Follow me on Github at ThomasCalle! Additional questions or concerns? feel free to contact me at [email protected].
Until next, adios!
© 2023 ThomasCalle. Confidential and Proprietary. All Rights Reserved.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent