Skip to content

Here we have tried to optimize the previous project "cloning of Lybrate website" by adding backend to it and some more functionality in the frontend

Notifications You must be signed in to change notification settings

m-sehrawat/Lybrate-Website-Clone-Version-2.0

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lybrate-Website-Clone

About Lybrate

Lybrate.com innovative online doctor database gives you access to over 150,000 highly trained medical experts. So you can ask a doctor anything you want, simple with a touch of a finger. You can save as much as 70% of your time and money at your next visit to the doctor and with the assurance that the medical professional you are seeing is highly trained and experienced. We use a stringent verification process to ensure you are 100% satisfied every time. Subscribe to the Lybrate Online Doctor network today to get the very best access to free questions, consultations and easy appointments.

In this project we have tried to enhance the cloning of “lybrate” website using backend with validations, authentications and much more. We had build up all our efforts to do our best in this project. As, the Masai School's Mentorship was specifically to build up our skills and we also accordingly implemented all that teachings in our project to look it at its best. At “lybrate”, we strive to keep you fit & healthy through a range of holistic offerings that include online consulting with doctors for any health issue. Now anyone can now stay healthy from the safety of their homes with just a single app that Not only does Lybrate give you access to online medical professionals, we also have regular blogs from respected experts that give you tips and advice on health and well being.

Deployment link:

https://m-sehrawat.github.io/Lybrate-Website-Clone-Version-2.0/frontend/landingpage.html

Video link:

we have shared a demo presentation of this project "clone-lybrate".

https://drive.google.com/file/d/10dzxdQXBFoev6XhebczGTo7pruGhu-E1/view?usp=sharing

Technology We Used 💻

Tech Stack in Frontend:

  1. HTML5
  2. CSS3
  3. JavaScript

Tech Stack in Backend:

  1. Mongo DB
  2. CSS3
  3. Node JS
  4. Express JS
  5. EJS
  6. DB collections

Features

  1. You will get fitness and health care related products.

  2. Online consulting with doctors for any kind of health problems.

  3. Order health products to your address.

  4. Get information of any disease or health issue along with preferred doctors.

Roles and Responsibilities

Login and Sign up Page:

User need to login before purchasing products from “lybrate”. If user's are existing user they can login and if they are not existing user then they can register using sign up.

login page:

To login User has to enter their Phone number and password to log into the website.

lybrate1

Sign Up page:

To signup User has to register the by entering their name , email, phone number, password and then click on the "create account" button. You are now succesfully logged In.

lybrate2

Landing Page:

You are on our Landing page now. you get to see what are things our website provides you like exploring Health Feed, GoodKart, Ask a Question, Consult Online, Book Lab Test and Gold Membership

Search tab:

we have used debouncing that helps to search the information.

lybrate3

Questions that are answers by doctors:

lybrate4

Health tips:

lybrate5

GoodKart Page:

You can see the GoodKart page by just clicking on the "GoodKart icon" on the navigation bar. On cliking you can get yourself the latest stuff of health products. click on the item and by selecting the quantity, just add to cart by clicking on "add to cart icon".

As, you can see the drop down which allows you to choose any categories from here to shop and explore further.

goodkart1

Offers and discount on health products.

goodkart2

New arrivals and money saving deals. On clicking on any product you can get full description of the product.

goodkart3

shop by Categories:

On clicking on shop by categories. You are re-directed to the products page having filters like price high to low and vice-versa.

shopcategory1

Consult online page:

Here, you can search your health related problems accordingly your prefered doctors near by you and the best available doctors with good experinces. You can consult them online and hence get cured for the issues you have.

search tab is for searching the doctors for online consulting:

consult1

top doctors:

consult2

Goldmembership page:

Here, in this page you can subscribe for gold membership which gives you extra benefits asa well as you see the relevant answers for mostly asked questions listed below.

goldmembership1

goldmembership2

Health feed page:

This page is for queries that you can ask or read shared experiences by users as well health cure posts which are posted by certified doctors only.

health1

About page:

you will get the whole information you searched for and as you see in the right side, you can book apointment and ask your queries as well.

about1

FindDoctors page:

you can go through this page for finding appropriate doctors for your issues. An easy way to find doctors as well.

findoctors1

Health packages page:

Here, you can find courses or packages of health issues with regarding doctor at payable prices. you can go through for the best package as per your convience.

healthpackage1

productdescription page:

On clicking any of the product, you are taken to the product details page where you can see the product details like price, discount, quantity, brief description on product and much more.

productdescription1

Cart Page:

Now you are on the cart page. After adding to cart you are now able to see the order summary. you can here increase the item quantity as well as use coupon code to get discount on selected products. Thereafter, click on the "proceed to checkout" to go further.

cart1

Add Address:

You can enter your location accordingly now and then place the order.

address1

Payment page:

You are now on the payment page after placing the order. You can pay by cash on delivery and by using your debit or credit card by just entering card holder's name followed by the card number, Expire date and CVV. Thereafter, click on the "proceed " to get done by payment.

payment1

Order placed:

After successful payment, this page confirms you that your order is placed.

payment2

Lastly, it shows a tick mark that your order is succesfully placed. Thereafter you will be again re-directed to home page.

orderconformed1

Instructions to Run the Code

Note:

We created cloud database using MongoDb Atlas. So, if you want to run our code then please read the instructions below :

  • Clone our repository https://github.com/m-sehrawat/Lybrate-Website-Clone-Version-2.0
  • Open that code in your VS code frontend/landingpage.html
  • Open terminal in your VS Code and run the command npm install which will install all packages.
  • Open terminal in your VS Code and run the command npm run server
  • It will show a message that JSON Server is running on port 3000
  • Open the landingpage.html on Live server
  • Then you can Navigate through other pages from Landing page like goodcart.html, healthFeed.html etc

Authors

Mohit Sehrawat 👦

Linkedin

GitHub

Bobby More:boy:

Linkedin

GitHub

Harish Reyya:boy:

Linkedin

GitHub

Mahesh Vaitla:boy:

Linkedin

GitHub

Rajat Kumar:boy:

Linkedin

GitHub

Nitin gupta:boy:

Linkedin

GitHub

About

Here we have tried to optimize the previous project "cloning of Lybrate website" by adding backend to it and some more functionality in the frontend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published