😈 Reality Slap

Reality Slap is a full-stack AI-powered web application that delivers humorous yet brutally honest feedback based on user inputs such as habits, excuses, and life situations. It combines sarcasm, realism, and practical advice to encourage self-reflection in an engaging way.

👉 Live App: https://reality-slap.lovable.app/login

---

🛠️ Technologies Used

• React (Vite)
• Supabase (Authentication & Backend)
• Lovable AI Gateway
• JavaScript (ES6+)
• HTML & CSS

---

🚀 Features

• AI-generated humorous roasts
• Brutally honest reality-check responses
• Practical improvement suggestions
• Secure authentication system (Supabase)
• Clean and responsive UI
• Fast AI response handling via Lovable AI Gateway

---

⚙️ Process

1. User logs in or signs up using Supabase authentication

2. User enters a habit, excuse, or situation

3. Input is sent to Lovable AI Gateway

4. AI generates:

   • A humorous roast
   • A reality check
   • Practical advice

5. Response is displayed in a structured format on the UI

---

🧑‍💻 How I Built It

I built Reality Slap using Lovable as the main development platform, integrating Supabase for authentication and backend services. The AI responses are handled through Lovable’s AI Gateway.

The development process involved:

• Designing a simple and engaging UI
• Setting up authentication with Supabase
• Connecting frontend to backend services
• Integrating AI response generation
• Iterating on prompt structure for better output quality
• Testing and refining user experience

---

📚 What I Learned

• How authentication systems work in real applications (Supabase)
• Integrating AI into full-stack applications
• Structuring prompts for better AI responses
• Building and deploying apps using modern low-code tools
• Managing environment variables securely
• Improving UI/UX for conversational AI systems

---

📈 Overall Growth

This project improved my understanding of full-stack development, AI integration, and real-world product thinking. It helped me learn how to turn an idea into a working deployed application while focusing on user experience and system design.

---

🔧 What Could Be Improved

• Add user history and saved roasts
• Improve AI consistency and tone control
• Add categories (habits, studies, relationships, etc.)
• Enable sharing of roast results
• Add analytics for user behavior insights
• Improve UI animations and transitions
• Add dark mode support

---

▶️ How to Run It

git clone <your-repo-url>
cd reality-slap
npm install
npm run dev

Then open:

http://localhost:5173

---

🎥 Demo Video

reality-slap-video.mp4