Wireframes

Step 1: The Landing Page (Top Center)

The journey begins at the Cheat Sheet Generator landing page. As a returning user, you are presented with two primary paths: uploading an existing document or creating a new one from scratch. You click the "Create your own" icon to start the manual generation process. Since you aren't logged in yet, you click "Sign in" at the bottom.

Step 2: Authentication (Middle Left)

You are directed to the Login or Sign up wireframe. You enter your credentials into the email and password fields and hit the "Sign In" button. This ensures your progress is saved to the cheat-sheet database you’ve been developing.

Step 3: User Dashboard (Middle Left Edge)

Once authenticated, you land on the Welcome User dashboard. This serves as your central hub. To move forward with your goal, you click the "Cheat Sheet" button in the center of the menu, which triggers the generation flow.

Step 4: Configuration & Subject Selection (Middle Right)

You are now at the core Cheat Sheet Generator interface.

The Action: You click the "Choose your Subject" button.

The UI Response: A Dropdown menu (shown in the top-right wireframe) appears. You select "Chemistry" from the list of available subjects.

The Trigger: With the subject set, you click the large "Generate Sheet" button.

Step 5: Processing (Far Right)

The application transitions to the "Generating your Cheat Sheet..." screen. A loading spinner indicates that the backend is currently parsing data or templates for your Chemistry guide. You have the option to "CANCEL" if you realize you picked the wrong subject, but for this scenario, you wait for the process to complete.

Step 6: Editing and Final Review (Bottom Right)

The generator completes, and you are moved to the Editor/Preview interface.

The Editor: On the left, a text area allows you to fine-tune the generated content (e.g., adding specific organic chemistry formulas).

The Preview: On the right, a live preview pane shows exactly how the final document will look.

The Tabs: You toggle between "Subject 1" and "Equation 2" tabs at the top to organize different sections of your study guide.

The Goal: Satisfied with the layout, you click "Download pdf" to save the file to your device. You also click "Save" to ensure it's stored in your account.

Step 7: Verification (Bottom Left)

To double-check that your work is safe, you navigate back to the dashboard and select "Saved Sheets." You are taken to the Saved Cheat Sheets table, where you see "Chem101" listed at the top with today's date. From here, you can click "EDIT" anytime to return to the editor and make updates.