This is a responsive webpage that behaves somewhat similar to iOS Notes app but in Dark mode. The webpage has three responsive columns: Folders, Notes and the form itself. Folders and Notes are self-explanatory while the form is where you can load and create notes. Since the page is responsive, it fits even smaller resolutions where you can focus on the form. The app supports MYSQL 8, PHP with MySQLi extension and JS.
The form also considers if you want to integrate it with Kayako or any system. You will have to have a way to get the list of email addresses via API or any sort. This can be updated in js/script.js.
To install and run the project, follow these steps:
- Clone this repository to your local machine using
git clone https://github.com/xkyanari/sample-notes-app.git - Install a local web server like XAMPP or WAMP
- Get the schema from schema.txt to create the tables into your MYSQL 8 server
- Copy the
sample-notes-appfolder to your local web server's root directory - Start the server and visit
http://localhost/sample-notes-app/in your browser - Adjust the code to your liking
To use the app, follow these steps:
- Open the app in your browser
- Click on any folder to view its notes
- Click on any note to edit or delete it
- Fill in the note's details and click the "Submit" button
- Notes can also be assigned per folder by selecting on the dropdown menu
If you'd like to contribute to the project, please follow these steps:
- Fork the project
- Create a new branch (
git checkout -b feature) - Make your changes and commit them (
git commit -am 'Add feature') - Push to the branch (
git push origin feature) - Create a new Pull Request
This project is licensed under the MIT License.