Skip to content

Latest commit

 

History

74 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

About

Nutrify mainly gives information about the health condition of the user along with proper result in form of a report and also suggest different nutritious food items in order improve the user-health condition

Topics

Resources

Stars

3 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages