We have tried cloning the PharmEasy app as a construct week project in the second week of our Masai Journey. We, a team of 5 people have completed this project in a span of 5 days using our knowledge of HTML, CSS and JavaScript.
PharmEasy is a consumer healthcare “super app” that provides consumers with on-demand, home delivered access to a wide range of prescription, OTC pharmaceutical, other consumer healthcare products, comprehensive diagnostic test services, and teleconsultations thereby serving their healthcare needs.
Client - HTML, CSS, JavaScript
Server - LocalStorage, Netlify
- Signup and Login
- Carousel Implementation in CSS
- Payment Gateway Page
- Sorting Funtionalties on Product
This is the Landing Page of our project.
It contains the Navabar which houses the pharmeasy logo a search menu bar, quick link buttons that are linked to their respective pages along with signup and login functionality. Mainly created using html, css flex, buttons has animations using the hover effect. and sticky effect given as to keep the navbar in place even on scroll.
The home page has several information about the medicienes and products along with offers. Carousel effect has been used at many places with both timed navigation and manual Navigation.
One Clicking on the login and signup button you will be redirected to the login and signup prompt which is same as the original website. You need to enter your mobile number then a dummy OTP (Precoded) and upon validation you will be logged in into the website.
The other quick links will not be functional until you login
Healthcare products page contains all the products bifercated into different healthcare genres. On selecting one you will be shown all the products of the particular type. This Page in particular houses the Sorting functionality. Thus you can sort the products in the ascending order of their price. Clicking add to cart the item will be stored in the local Storage that will used to update cart and finializing the total amount to be paid. Also will get a pop up saying so.
Cart Page will show the number the products in the cart, Your Individual products as well as along with the total amount. Discounted value is also calculated if applicable and in the proced to buy button you will be taken to multiple payment options.
Payments Gateway page will taken in card details. Will be redirected to the OTP Authentication Page. Authentication will be checked on entering the correct OTP(1234) you will be redirected to the Payment ackowledgment.
Many new things was learned in this project our understand. Being my first project, It was fun and interesting to encounter bugs, solving them and reading up on new features and implementing them in the project. I grateful and thankful for the help of my team mates and Masai School.