StudySync - Your personal Study Organizer

 Welcome to StudySync! This app is designed to help you keep your study materials organized and stay on top of your tasks. Here's how to make the most of it:

1. Getting Started

When you first open StudySync, you'll see a brief splash screen. After a few moments, you'll be taken to the main part of the app.

2. Account & Data Storage

StudySync offers two ways to use the app:

• Guest Mode: You can start using the app immediately without creating an account. In Guest Mode, your data (subjects, notes, tasks) is saved locally in your browser. This is convenient for quick use, but be aware that this data can be lost if you clear your browser's cache or use a different browser/device.

• Registered User (Recommended for Permanent Storage): To save your data permanently and access it from any device, you'll need to create an account.

  • Registration:
    1. Click on "Login/Register" (or "Login as Guest or User" in the sidebar).
    2. On the Login page, click the "Register here" link.
    3. Enter your email address and choose a password (minimum 6 characters). Confirm your password. You can click the eye icon to see the password you're typing.
    4. Click "Register".
    5. Email Verification: An email will be sent to the address you provided. You must click the verification link in that email to activate your account. Check your spam/junk folder if you don't see it.
  • Login:
    1. Click "Login/Register" or "Login as Guest or User".
    2. Enter your registered email and password. Click the eye icon if you need to see your password.
    3. Click "Login".
    4. If your email is not yet verified, you'll see a message prompting you to check your email. A new verification link will also be sent. You can click "Resend verification email?" if needed.
  • Forgot Password?:
    1. On the Login page, click the "Forgot Password?" link.
    2. Enter your registered email address in the dialog that appears.
    3. Click "Send Reset Link". If an account exists for that email, a password reset link will be sent to your inbox.
  • Logout:
    • You can log out using the "Logout" button in the App Header (top right) or at the bottom of the Sidebar Navigation (on desktop).
      
      
      
      
      
      
      
      
      

3. Main Sections (Navigation)

You can navigate StudySync using:

• Sidebar (Desktop): On larger screens, a sidebar on the left provides links to all main sections.
• Bottom Navigation (Mobile): On smaller screens, a navigation bar at the bottom gives quick access to key sections.
• App Header (All Screens): Shows the app logo (links to Dashboard), and your user information/login/logout options.

4. Dashboard

• Purpose: This is your central hub for managing your study subjects.
• Adding a Subject:
  1. Click the "Add Subject" button.
  2. In the dialog, enter the name of your subject (e.g., "Calculus", "History 101").
  3. Click "Save Subject".
• Viewing Subjects: Your subjects are displayed as cards.
• Editing a Subject:
  1. Click the "Edit" (pencil) icon on the subject card.
  2. Update the name in the dialog.
  3. Click "Save Changes".
• Deleting a Subject:
  1. Click the "Delete" (trash can) icon on the subject card.
  2. Confirm the deletion. Note: Deleting a subject does not currently delete its associated notes (this might be a feature for the future).
• Guest Mode Notice: If you're not logged in, you'll see a message reminding you that your data is stored locally.

5. Notes

• Purpose: Create, view, and manage your study notes.
• Adding a New Note:
  1. Navigate to the "Notes" section.
  2. Click the "Add Note" button.
  3. Title: Enter a title for your note.
  4. Subject: Select the subject this note belongs to from the dropdown. (You must have at least one subject created on the Dashboard).
  5. Content: Write the main content of your note in the text area.
  6. Generate with AI (Optional):
     • Click the "Generate with AI" button.
     • Enter a topic (e.g., "Photosynthesis", "The French Revolution").
     • Click "Generate". The AI will create a title and detailed content for your note. You can then edit it further.
  7. Attach Photo (Optional):
     • Click "Choose File" to upload an image (max 2MB) related to your note.
     • A preview will be shown. You can remove it by clicking the "X" on the preview.
  8. Click "Save Note".
• Viewing Notes:
  • All your notes are displayed as cards.
  • Search: Use the search bar to find notes by title or content.
  • Filter by Subject: Use the dropdown to show notes only for a specific subject.
• Editing a Note:
  1. Click the "Edit" (pencil) icon on the note card.
  2. Modify the title, subject, content, or photo.
  3. Click "Save Changes".
• Deleting a Note:
  1. Click the "Delete" (trash can) icon on the note card.
  2. Confirm the deletion in the dialog.
     
     
     
     
     
     
     
     
     
     

6. Tasks

• Purpose: Keep track of your to-do items and assignments.
• Adding a New Task:
  1. Navigate to the "Tasks" section.
  2. Click the "Add Task" button.
  3. Title: Enter a title for your task (e.g., "Complete Math Homework").
  4. Description (Optional): Add more details about the task.
  5. Due Date (Optional): Click the calendar button to select a due date.
  6. Click "Add Task" (or "Save Changes" if editing).
• Managing Tasks:
  • Tasks are listed, with incomplete tasks generally appearing first.
  • Mark as Complete/Incomplete: Click the checkbox next to a task to toggle its completion status. Completed tasks will be visually distinct (e.g., faded, line-through).
  • Editing a Task: Click the "Edit" (pencil) icon on a task.
  • Deleting a Task: Click the "Delete" (trash can) icon on a task and confirm.

7. Reminders

• Purpose: This page gives you a quick view of your upcoming tasks that have due dates.
• It automatically lists tasks from your "Tasks" section that are not yet completed and have a due date.
• Tasks are color-coded or marked by status:
  • Overdue: Tasks whose due date has passed.
  • Today: Tasks due today.
  • Upcoming: Tasks due soon (e.g., within the next 7 days).
• This page is for viewing reminders; to manage (add, edit, complete) tasks, go to the "Tasks" page.

8. Profile Settings (Registered Users Only)

• Purpose: Manage your user profile information.
• Accessing: Click on "Profile Settings" in the Sidebar (desktop) or "Profile" in the bottom navigation (mobile, if available).
• Updating Display Name:
  1. Enter your desired display name in the "Display Name" field.
  2. Click "Save Changes". This name will appear in the app header and sidebar.
• Updating Profile Photo URL:
  1. Enter a direct URL to an image (e.g., ending in .jpg, .png) in the "Profile Photo URL" field.
  2. A tutorial video is embedded on this page to show you how to get a public image URL (e.g., using services like ImgBB or Imgur).
  3. A preview of the image will appear if the URL is valid.
  4. Click "Save Changes". Your avatar in the app header and sidebar will update.

9. About Developer

• This page provides information about the creator of StudySync (Ahsan Ali) and links to connect.