Rewardo: Flutter rewarding & earning app with admin app
Technologies Used
- App & Admin app build in : Flutter
- Database & Authentication : Firebase
- Notifications : Onesignal
- Monetization : Admob, Applovin, Unity
Functionalities
- Multiplatform application Android & iOS both
- Quiz zone with categories
- Watch videos & earn
- Daily check in
- Scratch cards
- Spin Wheel
- Invite & Earn
- Game Zone
- Earning system with gift cards
Overview
Rewardo is an innovative project designed to bring excitement and rewards to users through two interconnected applications. The primary app, Rewardo, offers a dynamic platform where users can engage in various entertaining activities such as playing games, spinning wheels, scratching cards, and participating in quizzes to earn enticing gift cards and prizes. Complementing this, the secondary app, the Admin App, serves as a robust administrative tool that efficiently manages and oversees the operations of the Rewardo platform.
Rewardo User App
Engaging Activities: The Rewardo User App boasts a plethora of engaging activities carefully curated to captivate users. Users can immerse themselves in a range of interactive games designed to entertain and challenge them. Additionally, the app features a thrilling spinning wheel and scratching cards feature, offering an element of chance and surprise to users as they strive to win exciting rewards. Educational and Fun Quizzes: The app integrates stimulating quizzes that cater to various interests, serving as an educational yet enjoyable way for users to earn rewards. These quizzes cover diverse topics, ensuring there's something for everyone. Rewarding System: Upon completion of these activities, users are rewarded with redeemable points, gift cards, or exclusive prizes, creating an incentive-driven ecosystem that encourages continuous engagement and enjoyment.
Admin App
Comprehensive Dashboard: The Admin App provides administrators with a comprehensive dashboard, offering an overview of user activities, earnings, and engagement metrics. This allows for real-time monitoring and data-driven decision-making. Content Management: Admins can efficiently manage the content within the Rewardo User App, including game updates, new quizzes, and rewards. This ensures a fresh and dynamic user experience. User Analytics and Insights: The Admin App offers detailed analytics and insights into user behavior, preferences, and trends. This data empowers administrators to make informed decisions to enhance user engagement and satisfaction. Reward Distribution Management: Admins have control over the reward distribution system, ensuring fairness, accuracy, and timely delivery of rewards to users based on their earned points or achievements.
Conclusion
Rewardo is a comprehensive project that intertwines entertainment and rewards seamlessly. Through the Rewardo User App, users experience an array of engaging activities while being incentivized with valuable rewards. Simultaneously, the Admin App provides robust tools for efficient management, ensuring a smooth and rewarding experience for both users and administrators alike.
Setup Flutter In VS Code
From the below video you can install & setup flutter on your device if already installed you can skip this step.
Windows
MacOs
Change App Name
Follow the video below in order to change your flutter app name.
Android
Follow this video in order to change flutter android app name.
iOS
Follow this video in order to change flutter iOS app name.
Change App Package Name
Follow the video below in order to change your flutter app package name.
Android
Follow this video in order to change flutter android package name.
Default package Name
Rewardo app : com.example.rewardo
Admin app : com.example.rewardo_admin_app
iOS
Follow this video in order to change flutter iOS package name.
Default package Name
Rewardo app : com.example.rewardo
Admin app : com.example.rewardoAdminApp
Change App Logo & Icon
Follow the video below in order to change your flutter app icon & logo.
Android
- 1. To change app icon go to https://www.appicon.co/
- 2. Then upload your app logo
- 3. After clicking on generate a zip file will be downloaded
- 4. Extract the zip file and open
- 5. Now go to AppIcons > android
- 6. Copy all the folders
- 7. Open the project and paste all the files in the android > app > src > main > res folder
IOS
- 8. To change IOS app icon open the AppIcons folder downloaded earlier then go to
Assets.xcassets > then copy the AppIcon.appiconset folder
- 9. Now open the flutter project go to ios > Runner paste and replace the folder here
Setup Firebase CLI
Follow the video to install firebase cli on your device.
Windows
MacOs
Setup Firebase
Follow the video in order to connect the app with firebase.
Note : Firebase CLI is necessary for it please install it if you skipped it.
Setup Firebase Authentication
Follow the video below in order to setup firebase authentication.
Setup Firestore Database
Follow the video below in order to setup Firestore database for the app.
Database Rules:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
// Allow read and write access to all documents by default
match /{document=**} {
allow read, write: if request.auth != null;
}
// Allow read access to the ad_settings collection for anyone
match /ad_settings/{document} {
allow read: if true;
}
}
}
Download Firestore Indexes
Setup Firebase Storage
Follow the video below in order to setup firebase storage for the project.
Storage Rules:
rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /{allPaths=**} {
allow read, write;
}
}
}
Setup OneSignal
Follow the video below in order to setup OneSignal notifications for the app.
Setup Admob
Follow the video below in order to setup admob for your flutter app.
Android
iOs
Update In App Name & Default Language
Follow the video below in order to change app name and default language.
Android
Update & Add Spin Wheel Items
Follow the video below in order to update & add spin wheel items in the app.
How to install Node.js
Follow the video below in order to install Node.js in your computer
Windows
MacOs
How to start the development server on your local machine
Follow the video below in order to start the development server
Dont't forgot to install the node modules by running npm install command
How to connect admin panel with firebase
Follow the video below in order to connect the admin panel with firebase
How to deploy admin panel on server
Follow the video below in order to Deploy admin panel on server
Dont't forgot to install the node modules by running npm install command