01 ——— GyanBuzz

Building An Elearning Platform From Ground Up

Introduction

GyanBuzz is an elearning platform in India which lets you learn and earn points by completing short tasks like playing Quiz etc. The target was to build a react native android app for users with API, backend and an Admin Panel

Year

2021

Work

Freelance

Link Website
picture introduction
picture introduction
picture introduction
01 Introduction

Going through the idea of building this platform. Had a good talk with team to get into their mind and understand what they actually require.

introduction course
introduction camp
02 Wireframes

Before the app needed to be designed, we went for wireframing the app that gave us good idea how the product base needed to be designed.

I got into Figma and designed the mockups for the app. Wireframed multiple pages, dashboard, task pages, articles/video/quiz pages, bonus task pages, withdraw pages, settings pages, wallet pages and multiple other pages.

Screens Design

The goal was to reduce the friction users experienced and make the app look very easy and accessible.

Modular approach

While we were designing the product, we had to look at different modules to be added in backend also.

Building Prototype

Screens and user flow was worked on. The final figma designed was finalized.

03 Writing Backend Code and API
Timeline

I defined multiple modules for the backend and combined all of them to work together. I setup postman and built/tested user registration and authentication. Then added multiple routes for tasks, and wallet info.

process
04 React Native App Build
Screens Design

There were tons of screen to design and there were multiple modules to be added aswell. I have coded sample screens and build them on sample data.

Integrating with API

Integrating api with the app is really fun once the screens are designed. I already had postman api test collection so used that to the app.

process
05 Testing and Refactoring

Once the product was ready to be delivered we needed to the the final testing. Together with GyanBuzz team, we tested the app checked every points to make sure that user doesn't face any issue while in prod.

feature process
A few of the features that were shipped

Alongside with development of the product, Added several new features such as:

  • Crashlytics

    Added google crashytics and some more tracking in the app.

  • Report

    Report generation directly from database.

  • Dashboard

    Creating a page summarising the activity and news for the learner

  • Admob

    Added Admob integration in various part too.

  • Message Board

    Adding a simple note panel so that all the bugs could be added on the same place.

    • Thanks for watching! Back home
    Other Cases Studies
    02 Larapush View project

    Rebuilding SAAS

    This project was to rebuild a push notification sass used by multiple bloggers and news media outlets.
    03 ZippyFeed View project

    Online Food Delivery Platform

    The journey of building an online food delivery platform with Zippyfeed.