Project Structure

• StickyNotes-Frontend Directory: Contains the frontend codebase for the StickyNotes App.
• StickyNotes-Backend Directory: Contains the backend codebase for the StickyNotes App.
• StickyNotes-Mobile-App Directory: Contains the mobile app codebase for the StickyNotes App.
• StickyNotes-Middleware Directory: Contains the middleware codebase for the StickyNotes App.
• StickyNotes-APIs Directory: Contains the APIs codebase for the StickyNotes App.
• .github Directory: Contains the documentation for the StickyNotes App.
• utils Directory: Contains utility scripts and tools for the StickyNotes App.
• shell-scripts Directory: Contains shell scripts for automating tasks in the StickyNotes App.

Mobile App Development

The StickyNotes App is also available as a mobile app, developed using Apache Cordova and React Native. The mobile app version offers the same features as the web app, with additional enhancements for mobile devices. The mobile app is currently under development and is expected to be released in the near future.

To view the mobile app development progress, refer to the StickyNotes-Mobile-App directory in the project repository at this link.

Installation and Setup

1. Clone the repository from GitHub.

   git clone https://github.com/hoangsonww/The-StickyNotes-App.git
   cd The-StickyNotes-App
   

2. Install necessary dependencies with npm install.

   npm install
   

3. Simply open index.html or run npm start in a web browser to start using the app. Alternatively, deploy the app on a web server for public access.

   npm start
   

Usage

Basic Operations

• Adding a Note: Click "Add A Note!" to create a new note.
• Editing a Note: Click the edit button (pencil icon) on a note.
• Deleting a Note: Click the delete button (trash can icon) on a note.
• Exporting/Importing Notes: Use the "Export Notes" and "Import Notes" buttons for data backup and restoration.

Advanced Features

• Recording Voice Notes: Click the microphone icon for audio recording.
• Customizing Note Colors: Select new colors for notes using the color picker.
• Tagging and Setting Due Dates: Use the tag and due date fields in the note toolbar.
• Searching and Sorting Notes: Utilize the search box and "Sort Notes" button for organization.
• Interacting with Eliza: Engage with the chatbot for assistance and information.
• Using the Calculator: Enter mathematical expressions in the calculator for instant results.
• Using the Mood Tracker: Select a mood from the dropdown menu to track your feelings.
• Using the Pomodoro Timer: Enter a time in the timer field and click "Start" to begin the countdown.
• Switching Themes: Use "Toggle Dark Mode" for theme switching.
• Using the Calendar: Click the calendar button to view the current date, as well as your notes' due dates on the calendar.
• Using the Weather Widget: Click the weather button to view the current weather in your location.
• Using the Quotes Center: Click the quotes button to view 3 random inspirational quotes.

Customization

• Theme Toggle: Use "Toggle Dark Mode" for theme switching.
• Color Customization: Individual color choices for each note.
• Tagging and Due Dates: Organize notes with tags and due dates.
• Drag and Drop Functionality: Rearrange notes by dragging them to different positions.
• Move Notes: Prefer not to use drag and drop? Use the "Move Notes" buttons to move notes around.
• Pinning Notes: Pin important notes to the top of the screen for easy access.

Data Management

• Export/Import Notes: Backup and restore notes with JSON file functionality.
• Profile and Note Data Cloud Storage: Securely store user data in the cloud for easy access and synchronization using Firebase.
• Local Storage: Automatically saves notes to local storage to prevent data loss, in case of cloud storage failure.

Future Enhancements

• Real-time collaboration features.
• Cloud syncing for cross-device note management.
• Enhanced customization options (fonts, themes).
• Advanced calculator functionalities.
• More sophisticated note-taking features (drawing, handwriting recognition).
• Improved search capabilities (voice, image search).
• Enhanced sorting (by tags, colors).
• Advanced data management (cloud storage, encryption).

Contributing

Contributions to the StickyNotes App are welcome! Please read our Contributing Guidelines for more information.

Support and Feedback

For support, feedback, or contributions, refer to this GitHub repository's issues section or contact the developer directly:

Author: Son Nguyen.

Email: info@movie-verse.com.

Created with ❤️ by Son Nguyen in 2024. Thank you for visiting the StickyNotes App today! 🚀