SuperFit

A web app solution for your Health Fitness and Diet menu plan.


01

Introduction

A web solution for the users who want to be fit with the meal and workout exercise plans, it also features in 2 different languages for the ease of users, with the simplest UI and best user experience.


02

Challenges

After half of the development phase completed our client came up with the new requirement that now the whole system should support multiple languages dynamically and we had a very tight timeline to deliver the project.

Menu Planner was another challenge for us, the client wanted it with the best UI/UX of all the details and information with all the recipe ingredients and etc. here the challenge was how to present such information with all flexibility like the number of Adults/childs and based on the system should present the recipe information.


03

Solution

After getting the change request from the client to complete it with the same timeline it was a challenging task as half of the development was done, though our team has taken it as a challenge to complete it and - after very hard and smart work we have delivered the project on time.

The Design team has worked smartly to present all the data and the development team has finished up with those actual functionalities with all the flexibility to get the recipe details based on the number of Adult/child and at the end we made a great product for our client.

App Features & Screens


04

Login

After successful signup, Login gives ease of user experience. Login with facebook scales down the time & effort of users from creating and remembering another username/password combination.


05

Planner

It allows users to get the full week planner details to stay fit, it contains workout details along with the meal details for each day of every week with images, audio, and video visuals for the ease of users.


06

Shopping List

Along with the meal recipe and details, it shows the number of ingredients needed for the particular week to cook the meal, Isn’t it an amazing feature! to help you with the shopping list at once for the full week.


07

Blog

It features different types of blogs for the users to read out the articles added by the admin for fitness and good health on the meal plans and workout exercise.


08

Program

Program is almost the same as blogs; it also features different current programs added by the admin with some images and tips to be fit.


09

Progress Report

To get the report it’s so easy now, all you just need to add is Date, Height, Weight and your current picture that’s it and you can compare it with your previous report or you can add the same details and compare it in the future after following the diet and workout plan, Isn’t it easy!

Frontend Technology Stack

FFrontend Design

Reactjs

React.js is a front end (UI) library that facilitates the creation of rich internet applications (RIA). React.js gives way to create interactive, stateful & reusable UI components

LLogin

Facebook

Helps us build engaging social apps and get more installs. People can sign in to our app with their Facebook Login.

AAnalytics

Google Analytics

Google Analytics is one of the most popular digital analytics software. It is Google's web analytics service that allows you to analyze in-depth detail about the visitors on your website.

Backend Technology Stack

LLanguage

PHP

PHP is a server scripting language which provides different API for MySQL database.

BBackend Framework

Laravel

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the MVC(model–view–controller) architectural pattern and based on Symfony.

PPayment Gateway

Stripe

Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes

VVideo Player

Vimeo

Vimeo is a video-sharing website in which users can upload, share and view videos

SServer & File Storage

Digital Ocean

DigitalOcean is a simple and robust cloud computing platform, designed for developers

DDatabase

Open Source MySQL

MySQL is the most popular Open Source Relational SQL Database Management System.

LLogin

Facebook SDK

Helps us build engaging social apps and get more installs. People can sign in to our app with their Facebook Login.

CCICD

Gitlab

GitLab is a web-based Git-repository manager with wiki, issue-tracking and CI/CD pipeline features

FFrontend Server

Nginx

Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.