Primally Nourished

A healthcare web solution with all things related to health and wellness, all in one place.


01

Project Overview

The Primally Nourished by Physio Sculpture is to help people maintain a healthy lifestyle. From this mobile responsive website, one can get the best possible healthy lifestyle strategies through the various modules and functionality. The website has been built with an aim, so the user's time should be spent living life to its best, not decoding how to best live it.

The various modules like Movements & Arts, Recipes, Menu Plan, Shopping List, FoodFacts, Culinary Crafts, and Nutrition Knowledge provides the one-stop solution for the healthcare system where users will get the videos related to workouts, yogas, and meditation. For a healthy lifestyle, users have the option to go through the various nutrition-based recipes and many other modules related to it.

Dashboard

02

Challenges to Overcome

The biggest challenge to overcome was to design and build the system architecture that is stabilized and give users the best possible experience to access thousands of workout/ yoga/ meditation-videos, recipes, and various blogs and studies around healthcare. All in one place. We studied similar systems, apps, and case studies and presented the different themes to finalize the right one. Earlier the website was built with one module in WordPress which failed in terms of user experience and customization due to the technology limitations so the client had a clear mindset in terms of end-user experience for custom build website development.

Video Content Challenge

The client had hundreds of videos ready for the upload when we started the project. They had these videos uploaded in Vimeo. We needed to find a solution where our backend system of the admin panel can directly choose this video from Vimeo and if it’s not there admin can add the video from the local device as well which gets stored in Vimeo directly through the API and our backend system. For the video player customizations, we talked with the Vimeo team for the technical issues and at the end built the versatile system for video upload and play.

Image Library

The client has the big content generation team who works on writing blogs, discovering the new recipes, graphic designing, photography & videography of recipes, movements, culinary crafts, and many other modules.All their images were in the local drive which they wanted to upload on a system library in an organized way which they can later use during the content upload from the admin panel for different modules.

Document Upload in Editor with CSS Styling

As many modules of the website are content-based the styling for all those modules is the most important part of the frontend designing team. As the client had a bad experience with WordPress and it’s limitations they came up with a problem statement to manage the styling completely from the admin panel which is different for different modules. But the main challenge was in terms of content upload. All their textual content for the modules was already written in the document file in some predefined format.Now as they copy-paste the content from a document to the editor some of the stylings were disturbed which one needed to fix manually with proper formatting. Days long task of data entry and formatting.

Custom Calendar for Planning Calendar

Earlier the requirement was clear to create a calendar with recipes drag & drop which came with the new complexity while working further on the module. User should be able to drag & drop not just the recipes but Ingredients & the other saved Menu Plans as well with many of other functionality like smooth prev/ next menu plan, whether information, add notes and custom card of recipes and other items.

Modal over the new screen

For the easy navigation for the end-users, the client needed to have all the content with high styling in the modal instead of opening the new page. The structure was too complex to fit in the modal as the website is responsive and the modal should work on all browsers, all cross platforms, and on all OS.

Ingredient Database

To build the recipes, the key content is ingredients. The ingredients are connected with 4 major modules. Recipe, Menu Plan, Shopping List, and Ingredient Profile. With the requirement, the research team found the number of websites that provide the open-source/ paid database of ingredients. Though the client's major forte and goal of the website was to provide the authentic recipes with the right choice of ingredients. We found the USA government website - USDA, which provides the ingredient database with nutrition information. Another difficulty was that the website didn’t have any APIs available, the quarter-million of ingredients DB they provide in CSV files.


03

Our Solution!

This is an interesting story of the discovery phase where we just finalized the deal to move forward with the project and we were building up the scope of work by working on the requirement gathering part. The client is in PST timezone so it was almost midnight during their morning time when the Project Manager used to take the call with the team. The client presented around 80-page of documentation which they initially planned in their WordPress development.

With their bad experience of the development, they were clear about what they didn’t want but we needed to finalize the scope about what they need, the business logic and monetization part, and technical feasibility to implement that in a custom build website. We didn’t just consult them but became their tech partner from the very early stage.

For all the above-mentioned challenges and many others we not only found the solution but successfully implemented the same which is great in user experience and works smoothly for the client’s team in the backend as well.


04

Movements & Arts

This module is about Yoga and Resistance training videos. Users can watch videos from different categories like for beginners, intermediate, advance, parental, etc. The user can go through the sequence of videos, benefits of Yoga with the ability to create their own playlist.

Movement
Culinary Craft

05

Culinary Craft

The website serves the different recipes and nutrition planning, it is also important for users to know about the Culinary Items and processes like Nourished Counterparts, Cooking Methods, Homemade tips, and tricks, etc. Here, users can learn the culinary arts with given videos and content.


06

Food Facts

As this is a healthcare platform, it provides the ability to get to know information and studies around the Food that we consume. Users can create their custom dashboard based on their food type- Vegan, Vegetarian, Paleo, etc. from the various categories like Dairy & Eggs, GMOs, Seafood, Meats, Organic, etc.

Food Facts
Nutrition Knowledge

07

Nutrition Knowledge

Content pages on different nutrition types; aka: vegetarian, vegan, paleo. nutrients, nutrition and body calculators, and nutrition coaching reviews, and referrals.


08

Recipes

The goal of Primally Nourished is to help users to find the perfect healthy recipe. On the basis of the: beautiful photo and cooking video, cooking & preparation time, ingredients, nutrients and directions. Users can not just only find the recipes, the website works such a way that the user can select the ingredients they have at their home, and the system will find the best fit of recipes. Users can make a collection of recipes and find based on predefined holidays and themes i.e. recipes for thanksgiving, Christmas, birthdays, etc.

Recipe
Menu Plan

09

Menu Plan

Menu planning or planning calendar is a module where users can decide what they will eat for each meal, including 3 main courses of a day: breakfast, lunch, dinner. It also entails knowing how many meals to plan for and when to serve them. This has been designed such a way that the calendar takes care of users’ adequacy, balance, calorie (energy) control, nutrient density, moderation and variety.

- Drag & Drop the recipes, ingredients in calendar

- Save the planning calendar

- Add To Do Ahead

- Change servings or create a leftover recipe

- Nutrition Details of who family

- Easy Print & Share


10

Shopping List

Keep all your ingredients and shopping list items at one place. This will help you make your planning and schedule organized with grocery shopping. Easily share your list with family or order online. Tick off items that you’ve already purchased or stored.

Shopping List
Profile Subscription

11

User Profile & Subscription

Login with facebook or google with one step. Select the appropriate subscription plan to get access to 10+ different modules to make your lifestyle healthy and stress free. With 30 days free trial, you can get access to all the features and modules for free.


12

Mobile Responsive

The whole website is responsive for use on your iPhone, Android device, tablet or iPad. Every feature is designed such that users can access recipes, planning calendar, shopping list, yoga videos etc. on their fingertip.

Backend and Web App Technology Stack

BBackend Framework

PHP (Laravel)

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

DDB

MySQL

MySQL is a database management system that allows you to manage relational databases. It is open-source software backed by Oracle.

SServer Stack

Docker

Docker is an open platform for developers and sysadmins to build, ship, and run distributed applications, whether on laptops, data center VMs, or the cloud.

Cloud Service

Digital Ocean is a cloud infrastructure provider.

TThird-Party Integration

Facebook

Integrated Facebook Oauth API for login with Facebook

Google

Integrated Google Oauth API for login with Google

USDA Ingredients DB

USDA FoodData Central is an integrated data system that provides expanded Ingredient & nutrient profile data.

Braintree

UBraintree is a full-stack payments platform that makes it easy to accept payments in your app or website.

Vimeo

With the Vimeo API toolset we deeply integrated videos into the apps and website.

CCI/CD

Gitlab

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

SServer & File Storage

Digital Ocean

DigitalOcean provides developers cloud services that help to deploy and scale applications that run simultaneously on multiple computers.

FFrontend UI

HTML

Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser.

CSS

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML.

Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

jQuery

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax.

jQuery UI

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery, Cascading Style Sheets, and HTML.


13

Features

Recipes
Menu Planning
Shopping List
Yoga & Meditation
Nutrition Chart
Custom Dashboard
Blogs & Information
Nutrition Calculator

14

Get to Know More

Browse our solution and know how you can develop a similar platform to connect enormous artists from any corner of the world and help small to big artists to get recognized online.

Visit Website