DEV Community: Fatlind Osmani

🚀 Introducing DareMe – The Game That Challenges You! 🎯

Fatlind Osmani — Sun, 22 Jun 2025 21:51:23 +0000

Over the past few months, our team has been building something truly exciting – DareMe, a mobile game that brings challenges to life through creativity, tech, and fun!

With DareMe, users can:

✅ Browse and post dares

✅ Accept and complete challenges

✅ Upload media as proof

✅ Get AI-powered validation (using Microsoft Azure Vision)

✅ Interact with likes, comments, and notifications

✅ Explore AI-generated dares based on selected categories

This app was built with:

🛠️ React Native

📡 Firebase for backend and authentication

🧠 Azure AI for image validation

💬 A teamwork-driven mindset & passion for problem solving!

📲 Explore the app here: https://daree-me.netlify.app/

🎥 Watch the demo video: https://youtu.be/r2iLnPUm_X8

We're proud of what we’ve created, and we’re even more excited for what’s next!

Going Live – What’s Next for DareMe?

Fatlind Osmani — Sun, 22 Jun 2025 18:34:03 +0000

The MVP is nearly complete, and we’re preparing to go live!

We’re currently:

Testing flows and performance
Gathering early feedback
Preparing documentation and final demo

More features are on the way. Thanks for following along!

Code Quality, Scalability & Retrospective

Fatlind Osmani — Sun, 22 Jun 2025 18:30:12 +0000

Clean code = happy team.

Highlights:

Modular components
Reusable layouts
Centralized Firestore queries

Team used GitHub for versioning and pull requests

We learned a lot through this process, especially around debugging and merging large UI changes.

Filtering Challenges – Dare Categories & Smart Suggestions

Fatlind Osmani — Sun, 22 Jun 2025 18:26:45 +0000

Users can now pick a category to get a random AI-generated dare.

Steps:

Categories include Fitness, Social, Adventure, etc.
Azure AI generates appropriate dares for each.
The result is tailored and exciting each time.

Multiplayer Mode – Challenge a Friend!

Fatlind Osmani — Sun, 22 Jun 2025 18:18:26 +0000

We added the ability to challenge friends to the same dare.

Flow:

Select a friend from your contacts
Both complete the dare
Others vote who did it better

A fun competitive twist to social challenges!

Gamifying Challenges – Points, Streaks & Badges

Fatlind Osmani — Sun, 22 Jun 2025 18:15:50 +0000

To keep things fun, we introduced gamification:

Points for each accepted and completed dare
Daily streak system
Badges based on challenge types and completion count

This system rewards users and encourages consistent engagement.

Notifications in React Native – Real-time Reactions

Fatlind Osmani — Sun, 22 Jun 2025 18:13:11 +0000

Users now receive real-time notifications when:

Someone likes or comments on their dare
A dare they posted is accepted or completed

We used Firebase Cloud Messaging and local notifications to keep users in the loop.

Proof & Completion – Dare Validation with AI

Fatlind Osmani — Sun, 22 Jun 2025 18:10:48 +0000

The most exciting part: users can submit proof of their completed dares.

Features:

Upload image, video, or text.
Azure AI Vision API scans visual proof to confirm content.
Point and badges are awarded based on valid proof.

We’re just scratching the surface of AI integration and are excited to expand it further!

Accepting a Dare – DareMe’s Interactive Flow

Fatlind Osmani — Sun, 22 Jun 2025 18:01:51 +0000

Users can now accept dares and track their progress.

Flow:

Users view a feed of available dares.
Clicking "Accept" saves the dare to their personal list.
A progress page lets users mark dares as completed.

We used state management to conditionally render progress screens.

Creating Dares – Our Custom Challenge Input

Fatlind Osmani — Sun, 22 Jun 2025 17:57:09 +0000

We built a feature where users can create dares by entering a challenge description and setting a reward.

Technical points:

Firebase Firestore used to store dare documents.
Realtime updates let others immediately see new dares.
The UI includes a simple text form and dropdown for categories.

React Native + Firebase Auth: Smooth Login Flow

Fatlind Osmani — Sun, 22 Jun 2025 17:51:06 +0000

Integrating Firebase Auth with React Native was straightforward yet rewarding.

Steps:

Setup Firebase project.
Enabled email/password authentication.
Connected the app with Firebase using firebase@11.5.0.
Implemented secure login and registration.
Added session management with AsyncStorage.

We now redirect users to the dashboard after successful login, keeping them signed in across sessions.

Designing the First Page – Login & Register Screens

Fatlind Osmani — Sun, 22 Jun 2025 17:47:39 +0000

In DareMe, the first impression counts. We started by designing clean, intuitive login and register screens.

Key features:

Email & password authentication

Error handling and form validation

Seamless navigation between login and registration

We used expo-router for navigation and Firebase Auth to handle login/signup logic.

Design-wise, we kept it minimal with a gradient background and bold typography using the Inter font family. Every detail was made to give users a sleek and welcoming start.