https://note-wise.herokuapp.com/
This project is a web application that allows users to have a note taking app on the web. Designed to mimic physical sticky notes, users can add notes, delete notes and search through their notes for specific entries. The notes are also ordered by date added which is automatically attached to footer of each note once it's generated. There's also a dark mode feature which allows the user to change the color of the site depending on their preference.
Once the page has fully loaded, navigate to the sticky note at the end of the list (which is in the darkest shade of blue with an add icon and an "Add a note...' placeholder). Type in whatever note it is you would like to enter and click the plus icon to add it to your list of notes. To delete any note simply, tap the delete icon (bin icon). And finally filter through your exisiting notes for a specific entry using the search bar at the top of the page. Toggle dark mode on and off depending on your preference by tapping the toggle icon at the top of the screen.
- Add a note
- Delete a note
- Search through their notes for a specific entry
- Toggle the site to dark mode depending on preference
- Internet access
- A computer with a compatible browser
Clone this repo locally using the format: git clone https://github.com/Said-cmd/NoteWise
Unzip the downloaded files and open them in a text editor of your choice.
Run npm install to install the node modules and package dependancies.
Run json-server --watch db.json assuming you have the json-server installed globally to the the server.
Since we have a key of notes poiting to an array of note entries, the json-server will generate the following routes:
- GET /notes - when you load the site.
- POST /notes - whenever you add a new note.
- DELETE /notes/:id - whenever delete a note.
-
HTML - used to structure the webpage.
-
CSS - used to style the user interface and the webpage as a whole.
-
JavaScript- used to make the webpage responsive.
-
React.js - used to build the entire user interface allowing for a single page web application.
-
JSON - used as the data exchange format.
Copyright (c) [2022] [Said-cmd]
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.
GitHub: https://github.com/Said-cmd