Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/webdevsk/bestbuy-clone

A clone of the famous shopping site BestBuy but built using React JS
https://github.com/webdevsk/bestbuy-clone

floating-ui headlessui lambda material-ui netlify react react-router-dom-v6 reacticons redux redux-toolkit serverless-functions tailwindcss vitejs

Last synced: 2 months ago
JSON representation

A clone of the famous shopping site BestBuy but built using React JS

Awesome Lists containing this project

README 

        












  

    Free Shopping Bag Icon by Osram Koestl

  



BestBuy Clone



  


    A clone of BestBuy using React.

    



[**Explore the docs »**](https://github.com/webdevsk/bestbuy-clone)



[View Demo](https://bestbuy-clone-d99b5f.netlify.app/)

· [Report Bug](https://github.com/webdevsk/bestbuy-clone/issues)

· [Request Feature](https://github.com/webdevsk/bestbuy-clone/issues)



  





---



Table of Contents





- [About The Project](#about-the-project)

  - [Built With](#built-with)

- [Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

- [Features](#features)

- [Contributing](#contributing)

- [License](#license)

- [Contact](#contact)







## About The Project






[![Product snapshot](github_assets/snapshot.png)](https://bestbuy-clone-d99b5f.netlify.app/)









#project_description



(back to top)



### Built With



[![React][React]][React-url]  

[![React-router][React-router]][React-router-url]  

[![TailwindCSS][TailwindCSS]][Tailwind-url]  

[![MUI][MUI]][MUI-url]



(back to top)



## Getting Started



🌐 The site is already live at: [https://bestbuy-clone-d99b5f.netlify.app/](https://bestbuy-clone-d99b5f.netlify.app/)



OR



🖥️ You can test it on your local machine by following the steps below.



### Prerequisites



1. **Install** [NODE.JS](https://nodejs.org/en/download) and [Git](https://git-scm.com/downloads)

1. Open your projects base folder and launch any **terminal** of your choice.

1. Run this command:



   ```sh

   npm install npm@latest -g

   ```



### Installation



1. Clone the repo



   ```sh

   git clone https://github.com/webdevsk/bestbuy-clone.git

   ```



1. Install NPM packages



   ```sh

   npm install

   ```



1. Fill in a `.env.local` file following the patterns of `envSample.txt`



1. Run Dev server



   ```js

   npm run dev

   ```



(back to top)



## Features



(back to top)



## Contributing



Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.



If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!



1. Fork the Project

1. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

1. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

1. Push to the Branch (`git push origin feature/AmazingFeature`)

1. Open a Pull Request



(back to top)



## License



Distributed under the MIT License. See `LICENSE.txt` for more information.



(back to top)



## Contact



[![Follow on GitHub][GitHub]](https://github.com/webdevsk)

[![Follow on Linkedin][Linkedin]][Linkedin-url]



Project Link: [https://github.com/webdevsk/bestbuy-clone](https://github.com/webdevsk/bestbuy-clone)



(back to top)







[Linkedin-url]: https://linkedin.com/in/webdevsk

[GitHub]: https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white

[Linkedin]: https://img.shields.io/badge/linkedin-%231E77B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white

[contributors-shield]: https://img.shields.io/github/contributors/webdevsk/bestbuy-clone.svg?style=for-the-badge

[contributors-url]: https://github.com/webdevsk/bestbuy-clone/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/webdevsk/bestbuy-clone.svg?style=for-the-badge

[forks-url]: https://github.com/webdevsk/bestbuy-clone/network/members

[stars-shield]: https://img.shields.io/github/stars/webdevsk/bestbuy-clone.svg?style=for-the-badge

[stars-url]: https://github.com/webdevsk/bestbuy-clone/stargazers

[issues-shield]: https://img.shields.io/github/issues/webdevsk/bestbuy-clone.svg?style=for-the-badge

[issues-url]: https://github.com/webdevsk/bestbuy-clone/issues

[license-shield]: https://img.shields.io/github/license/webdevsk/bestbuy-clone.svg?style=for-the-badge

[license-url]: https://github.com/webdevsk/bestbuy-clone/blob/master/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[Next-url]: https://nextjs.org/

[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://reactjs.org/

[TailwindCSS]: https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white

[Tailwind-url]: https://tailwindcss.com/

[Bootstrap]: https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white

[Bootstrap-url]: https://react-bootstrap.netlify.app/

[SASS]: https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white

[SASS-url]: https://sass-lang.com/

[Chakra]: https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white

[Chakra-url]: https://chakra-ui.com/

[MUI]: https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=mui&logoColor=white

[MUI-url]: https://mui.com/

[Styled Components]: https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white

[Styled-url]: https://www.styled-components.com/

[React-router]: https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white

[React-router-url]: https://reactrouter.com/

[Redux]: https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white

[Redux-url]: https://redux.js.org/

[Three-js]: https://img.shields.io/badge/threejs-black?style=for-the-badge&logo=three.js&logoColor=white

[Three-js-url]: https://threejs.org/

[GSAP]: https://img.shields.io/badge/green%20sock-88CE02?style=for-the-badge&logo=greensock&logoColor=white

[GSAP-url]: https://greensock.com/gsap/

[Firebase]: https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white

[Firebase-url]: https://firebase.google.com/