https://github.com/poojakittu/bodycare_clone

This is individual project developed by me. I create products that define and celebrate the human body. We are committed to the goal of uplifting and rejoicing the human body with each of our creations.
https://github.com/poojakittu/bodycare_clone

axios chakra-ui html5 javascript json-api reactjs usereducer

Last synced: 12 days ago
JSON representation

This is individual project developed by me. I create products that define and celebrate the human body. We are committed to the goal of uplifting and rejoicing the human body with each of our creations.

• Host: GitHub
• URL: https://github.com/poojakittu/bodycare_clone
• Owner: poojakittu
• Created: 2022-11-08T07:38:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-23T16:54:03.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T04:26:01.833Z (about 1 month ago)
• Topics: axios, chakra-ui, html5, javascript, json-api, reactjs, usereducer
• Language: JavaScript
• Homepage: https://bmmbmn.netlify.app/
• Size: 430 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# Body Cares

Body care website designed just for you by a professional designer. Need ideas? We’ve collected some amazing examples of skin care websites from our global community of designers. Get inspired and start planning the perfect skin care web design today.

![Logo](https://themeforest.img.customer.envatousercontent.com/files/305965079/Gilkan-Preview-Images/01_Gilkan_Homepage.jpg?auto=compress%2Cformat&fit=crop&crop=top&w=590&h=300&s=48b792e0eddea1d407568326a0199445)

## Technologies Used

#### Tech Stack-



  

     

  

  

      

    



 

 ### Deployed Link


Deployed with netlify app 

```

bmmbmn.netlify.app/

 ```

### Run Locally

Install npm packages

```

npm install

```

Run the server

```

npm start

```

View in Browser

```

go to http://localhost:3000

```

## Functionalities of the website

1. A user can register his account on the website

2. User can log in using their mobile number through otp authentication

3. User can search from the variety of products available 

4. User can filter and sort their search on various parameters, i.e. price, relavance, and many more

5. User can select the Quantity while purchasing any product

6. User can checkout with razor's payment gateway through Card, UPI, Netbanking, etc. 

## Snippets

 

 Click the link to view project: 

 Body Cares

  

## Lessons Learned

As we never really stop learning, This was our 1st full-stack project, and as usual there were a lot of chalenges with the learnings we experienced. some of the highlighted learning were:-

- Algorithm building for users data such as, items in cart, location etc.

- Playing with animation to get desired output

- building custom filters

- Using Tailwindcss for better styling experience