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

1. Shivang kumar - Landing-Page

2. Rajat - Login Page,Checkout Page, Payment Page

3. Monojit - footer ,Navbar

4. Manmohan - Add to cart ,Products Page, Single Page

5. Suman - Plush Page, Offer page, Register Page

Members:

• Shivang kumar-Team Lead
• Rajat Kaswan
• Manmohan jina
• Monojit Mondal
• Suman Dhull