Study App - Quick Demo 🚀
Hey there! 👋 Welcome to Study App, a mock mobile app built with Ionic + Vite + React. This is just a demo, so everything is front-end only — no backend needed. You can play around with it on your browser or run it locally.
⸻
📋 What’s Included
- Login/Signup – Mock authentication using localStorage (any credentials work).
- Home – Suggested notes with search.
- Library – Browse documents, upload “fake” files, filter & search.
- Flashcards – Flip cards and navigate between them.
- Planner – Task list with checkboxes and priorities.
- Search & Filter – Works across all pages.
- Mock Data – Preloaded sample content to play with.
- Responsive – Looks good on desktop, tablet, and mobile screens.
⸻
🚀 Quick Demo Checklist
- User can login with any credentials
- Dashboard shows 5 tabs
- Home shows suggested notes with search
- Library shows documents with upload button
- Upload adds new document to list
- Flashcards can flip and navigate
- Planner shows tasks with checkboxes
- Search/filter works on all pages
⸻
💻 How to Try It Yourself
You’ve got two options: online demo or run locally.
Option 1: Try Online (if deployed to Vercel)
- Open your browser.
- Go to the live link: https://study-app-kappa.vercel.app/
- Play around! Login with any username/password and explore the tabs.
⸻
Option 2: Run Locally
- Make sure you have Node.js installed.
- Clone this repo:
git clone https://github.com/danny-rashd/study-app.git
cd study-app
- Install dependencies:
npm install
- Start the app:
npm run dev
- Open your browser at:
http://localhost:5173
- Login with any credentials and explore all the features.
⸻
⚡ Tips for Playing Around
- Uploads are mocked — files won’t actually be saved anywhere.
- Tasks, flashcards, and notes are all preloaded for easy demo.
- Use your browser’s mobile view (DevTools → Toggle Device Toolbar) to see it like a real mobile app.
⸻
Enjoy the demo and have fun flipping flashcards! 😄
⸻