PharmEasy clone using pure JS

Hi everyone, I’m here to tell you about my first team project in Masai School on the PharmEasy clone website. This is my first project on JavaScript as well.

PharmEasy is a healthcare app where you can buy medicines, healthcare products, and book lab tests. As its name says, PharmEasy means buy Pharma products in easy ways. During this COVID-19 period, you can order and get medicines and other healthcare products while sitting at home.

About the Project

Things I have learnt

  • The implementation of JavaScript in real products and how user data get stored and called. We used localStorage for that, but it was very interesting to learn such things.
  • Working of payment systems, login/signup system using Promises.
  • Slideshows using setTimer and setInterval functions.
  • Responsiveness using media queries.
  • I used CSS flex for layouts and CSS Grid for structures, which made a lot of things easy.
  • By this project, I first time collaborated on Github, which made life easy even while working at home.

The Project

I’m gonna share with you the screenshot of our website here:

Header Page and Footer Page
Login Sidebar & Register Sidebar
Product Page
Search bar showing related results
Users can filter out the products as well

Area of Improvements

  • There is a lot of work left from the CSS side. Proper margins, width, icons and fonts need to be used yet.
  • Some pages aren’t responsive yet.
  • There should be consistency in designs and fonts, which is needed to be improved.

Conclusion

--

--

Aspiring Web Developer, learning MERN Stack at Masai School. Graduated from NIT Surat

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Deevanshu Kumawat

Aspiring Web Developer, learning MERN Stack at Masai School. Graduated from NIT Surat