A healthcare web solution with all things related to health and wellness, all in one place.
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.
Challenges to Overcome
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.
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.
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.
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.
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.
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.
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.
Content pages on different nutrition types; aka: vegetarian, vegan, paleo. nutrients, nutrition and body calculators, and nutrition coaching reviews, and referrals.
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.
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
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.
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.
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
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.
MySQL is a database management system that allows you to manage relational databases. It is open-source software backed by Oracle.
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.
Digital Ocean is a cloud infrastructure provider.
Integrated Facebook Oauth API for login with Facebook
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.
UBraintree is a full-stack payments platform that makes it easy to accept payments in your app or website.
With the Vimeo API toolset we deeply integrated videos into the apps and website.
GitLab is a web-based Git-repository manager with wiki, issue-tracking and CI/CD pipeline features
Server & File Storage
DigitalOcean provides developers cloud services that help to deploy and scale applications that run simultaneously on multiple computers.
Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser.
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML.
jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery, Cascading Style Sheets, and HTML.
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