maddening-neck-4975 - MedsEase.com

Objective:

To create a e-commerce web model for Pharmacy , for user to search, choose medicine .

Description:

This is a collaborative project to clone a e-commerce website, working model, featuring medicine shopping. Various features like searching category wise data, psuedo-purchasing cart items. Responsive website on range of screens from smarphones to large screens.

Some Snapshots of the UI

Home-Page

Product-Page ( Click on medicine, Lab test for this page )

Single-Product-Page

Cart-Page

Payment-Page

Tech Stacks:

1) Front-end:
    * React (HTML5, JS, CSS3)
    * Redux (React-redux, redux-thunk)
    * Chakra Ui
    * External CSS Libraries (Styled-Components, framer-motion)

Dependencies:

Front-end

1) react
2) react-dom
3) react-scripts
4) styled-components
5) react-router-dom
6) react-icons
7) chakra ui realated libararies including chakra icons
8) react-slick
9) axios
10) redux, redux thunk, react-redux

Setting Up Project in local

Frontend

1) Setting up node environment

1) navigate to Front-end directory
2) use node version 16 or higher. version 18 is recommended
3) run command npm install

2) Starting frontend on localhost

(make sure you are confirming url of server)

npm start /*or*/ npm run start

3) Making Production ready folder

npm run build

Project-Details

Shivang kumar - Landing-Page
Rajat - Login Page,Checkout Page, Payment Page
Monojit - footer ,Navbar
Manmohan - Add to cart ,Products Page, Single Page
Suman - Plush Page, Offer page, Register Page

kshivang80/MedsEase