ReFrame is a collaborative UI/UX project under Hacktoberfest 2025. It encourages participants to reframe digital experiences through design thinking. Focus on creating intuitive, user-friendly, and visually appealing interfaces. Provides real-world problem statements to practice user flow, creativity, consistency, and aesthetics.
To be eligible for MLSA X HACKTOBERFEST: Register here: https://register.mlsakiit.com/ Star this repo: https://github.com/keploy/keploy
Clone the Repository git clone https://github.com/MLSAKIIT/Reframe.git cd Reframe
- Campus clubs are the heartbeat of college life — but they struggle with scattered communication, low visibility, and poor engagement. Students miss events, clubs lose traction, and the sense of community fades.
Club Discovery
- Swipeable card-style interface with tags, logos, and vibes (sportsy, cultural, techy).
- AI-powered “For You” feed recommending clubs/events.
- AR badges to scan posters IRL and instantly join/RSVP.
Event Calendar
- Interactive grid/timeline view with color-coded clubs.
- RSVP, add to personal calendar, or share to socials in one tap.
- Event check-in via QR code for attendance tracking.
Join Requests
- Smooth application flow with mini-bios + skill highlights.
- Clubs can send personalized invites to active users.
Member Chat
- Club-specific chatrooms with threads, polls, and reactions.
- “After-event group” auto-created for networking.
- Anonymous “icebreaker mode” for shy new members.
Announcements
- Bold, scrollable feed with pin-to-top highlights.
- Stories-style updates for quick “what’s up today.”
Smart Search
- “Show me hackathons this month” or “Dance events near me.”
Gamification
- Badges for attending events, streaks for engagement, leaderboard for most active members.
Profile Cards
- A student’s “club resume” showing joined clubs, attended events, earned badges.
- Online shoppers crave personalized experiences but often get lost in endless product listings. Discovery feels generic, and the shopping journey lacks social connection and inspiration.
Home & Product Discovery
- Personalized product grid with infinite scroll + smart filters
- AI-driven “For You” feed based on browsing + social trends
- Visual search (upload a photo / screenshot to find similar products)
Product Details
- Immersive product view with 3D/AR try-on
- Reviews highlighted with photos & quick reactions
- “Styled with” section showing how others use the product
Cart & Checkout
- Clean, frictionless checkout flow with saved payment options
- Dynamic shipping & delivery countdowns
- Smart bundling suggestions (“Buy together & save”)
Social Shopping Feed
- Stories-style product posts from friends & influencers
- Collaborative wishlists + shared carts
- Reaction stickers and “shop this look” tags
Chatbot Assistant
- Conversational shopping guide (search by mood: “something cozy for winter”)
- Smart comparisons (showing alternatives side-by-side)
- Personalized deal alerts & restock notifications
Gamified Shopping
- Points, streaks, and badges for exploring & reviewing products
Community Challenges
- “Style it your way” contests with rewards
Dark Luxe Mode
- Elegant UI mode for premium shoppers
Live Shopping Events
Watch + shop products in real-time
- Students often struggle to find short-term, flexible gigs that fit their schedules, while startups need affordable and agile talent for quick projects. Current platforms are either too generic or too complex, leaving both sides underserved.
Job Listings
- Modern card-based design with filters (duration, pay, skill).
- “Quick Apply” option for fast-moving gigs.
- Smart recommendations based on skills in the student’s profile.
Freelancer Profile
- Clean, resume-style design with skill tags, portfolio uploads, and ratings.
- Highlighted badges (e.g., “Top Rated Student,” “Quick Responder”).
- Social proof with endorsements from peers or startups.
Proposal Submission
- Guided form with auto-suggested phrases for efficiency.
- Preview mode so students see their proposal exactly as clients will.
- Status tracking (Submitted → Seen → Shortlisted → Hired).
Messaging
- Sleek, chat-style interface with file-sharing & quick replies.
- Integrated scheduling for interviews or project check-ins.
- Read receipts & voice note support for more personal interactions.
Payment Dashboard
- Transparent earnings tracker with upcoming payouts.
- Secure wallet integration for instant transfers.
- Visual insights (weekly/monthly earnings, project history).
Mentorship Mode
- Alumni or seniors can guide juniors on freelancing.
- Students face challenges with expensive transportation and unreliable ride options. Current solutions are either too costly, unsafe, or inefficient, leaving a gap for affordable and trusted campus mobility.
Ride Listings
- Card/grid layout with driver details, departure time, available seats.
- Filters for route, budget, and preferred driver ratings.
- “Quick Match” button for instant ride pairing.
Booking Page
- Simple, one-tap booking flow with upfront price breakdown.
- Seat selection and split-fare options.
- Ride assurance tag (e.g., “Verified Student Driver”).
Live Ride Tracking
- Real-time map view with ETA and driver status.
- Safety button (share live ride with a friend/parent).
- Animated progress bar showing pickup → ride → drop-off stages.
Chat with Driver
- Lightweight chat with preset quick replies (“I’m here,” “5 mins away”).
- Voice notes + map pin sharing for easier coordination.
- Safety-verified driver profile visible inside chat.
Payment & Review
- Secure in-app wallet and UPI integration.
- Split payments among multiple riders.
- Students and young professionals struggle to find reliable, affordable accommodation. Information about hostels and rentals is scattered, reviews are inconsistent, and booking or lease processes are often unclear or unsafe.
Property Listings
- Modern card/grid layout with photos, prices, and distance to campus/work.
- Filters for amenities (Wi-Fi, food, AC, laundry, etc.), budget, and location.
- Map view toggle for nearby options.
Room Details
- Full-page view with high-quality images, room types, and amenities breakdown.
- Availability calendar + occupancy rules.
- Highlight badges like “Verified Property” or “Popular Choice.”
Reviews & Ratings
- Authentic feedback from past tenants with photos.
- Category-based ratings (cleanliness, safety, food, facilities).
- “Ask a Tenant” feature for direct Q&A with reviewers.
Booking Page
- Simple booking form with upfront pricing and deposit details.
- Option to book short-term trial stays before committing.
- Booking confirmation with digital receipt.
Payment & Lease Agreements
- Secure payment gateway with multiple methods (UPI, cards, wallet).
- Digital lease signing with stored agreements for easy access.
- Visual breakdown of rent, deposit, and recurring charges.
Dark Luxe Mode Elegant UI mode for premium shoppers
Live Shopping Events Watch + shop products in real-time
We welcome contributions from the community!
If you have any questions or need help:
📧 Email: Create an issue on GitHub 💬 Discussions: Use GitHub Discussions for questions 🐛 Bug Reports: Create detailed issue reports 💡 Feature Requests: Suggest new features via issues