Nutrify-Unit-4-Project

Learn by Cloning : Nutrify Project Clone

Tech Stack

• CSS
• JavaScript
• Reactjs
• Express
• MongoDB

• NPM Libraries :

  • Express validator
  • React icons
  • Google Oauth2
  • Axios
  • Express
  • Mongoose
  • React-router-dom
  • passport-google-oauth2
  • bcryptjs
  • cors
  • dotenv
  • jsonwebtoken

Links Related to Blog and Link to run project in a Browser

Nutrify_Blog (read here our experiance)

[Project Demo Video Link](https://drive.google.com/file/d/1AsJ6KLVRSjrhPjOqrJbCteiRs2aWq7Vr/view?usp=sharing =x250))

Team Members

• Kiran Kumar Medikurthy
• Abhishek singh
• Neha
• Vishal Sinha
• Sumit Kumar
• snigdha modi -(UI/UX team)

Functionality

• Main Functionalities in our projects were :

  • Home page
  • Login/Signup
  • Nutricion Product info
  • Test
  • Buy Device & Payment
  • Reports

• Main UI/UX Highlights:

  • All colors and Font style and Font size used are same as that of Figma layout
  • All products have their own images and details (same as of original figma design)

How To Use

• First user come into Home page, He can see option like Take a Test button.
• When use click on Take a Test, It will be Redirected to Nurtify Diagnosis page, The user can see more option
  • Eyes
  • Weight
  • Ear
  • Blood
  • Bones
  • Mood
  • Breathe
  • joints
  • Energy
• The user has to select one or more Diagnosis problem and then user has to click on START Button to start diagnosis test.
• It will be redirected to diagnosis problem, Then user has to select Appropriate symptoms and Then click on NEXT button.
• It will be Redirected to Reports page and It will show vitamin defeciency interm of
  • Omega 3 fatty acid
  • Vitamin A
  • Lutein
• Then user has to click on Done, It will redirect to Home page
• If user want to book free trail, The can click on Book free trail.
• If user want to buy Nutricon Instrument, User has to sign up into our Website, While signing up the user, User has to enter
  • Enter the Full Name
  • Enter 10 digit mobile number
• User has to click on Menu Button and the user has to select Order , Then user can select number of instrument needed and Add proper card details and click on continue button to make payment successful.

Working in Team

Working in a team helps you in numerous ways, But at the same time, It has many caveeats also, So first look at what all help will you get while working in a team.

• More input will be there, Everone in the team has different approaches, So you will get creative ideas
• Teaches conflict resolution skills
• Promotes a wider sense of Ownership
• Increase the interpersonal skills
• Some team member are extremily good at some area
• Project work should be distrubted based on their interest an sensibility One caveat of working in a team that i felt was of major concern:

• Unequal involvment and Participation of different members

"This might delay and drastically affect other component of the website"

Starting with the project

• Frist we have gone throught the design layout given in the form of Figma.
• We have understand the entire flow of given layout with help of UI/UX Designer.
• We have divided the entire layout into smaller components.
• Based on individual team members, Tasks are divided among them.

Thankyou so much for reading the blog.

Some snapshots of how our website looks :

Home page

Menu Page

signup Page

Take Test Page

Reports page

Order page

Payment Page