Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akinbo-emmanuel/walmart-clone
Walmart Clone is a web application built using Next.js, Oxylabs, Shadcn, and Zustand. It replicates the functionality of the Walmart website, featuring a homepage, search page, product page, and cart.
https://github.com/akinbo-emmanuel/walmart-clone
html5 javascript nextjs nextjs14 oxylabs react shadcn-ui tailwind typescript zustand
Last synced: 2 months ago
JSON representation
Walmart Clone is a web application built using Next.js, Oxylabs, Shadcn, and Zustand. It replicates the functionality of the Walmart website, featuring a homepage, search page, product page, and cart.
- Host: GitHub
- URL: https://github.com/akinbo-emmanuel/walmart-clone
- Owner: akinbo-emmanuel
- Created: 2024-02-22T11:24:21.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-26T18:39:29.000Z (6 months ago)
- Last Synced: 2024-03-26T19:47:55.054Z (6 months ago)
- Topics: html5, javascript, nextjs, nextjs14, oxylabs, react, shadcn-ui, tailwind, typescript, zustand
- Language: TypeScript
- Homepage: https://walmartclone.vercel.app
- Size: 82 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# Walmart Clone
Walmart Clone is a web application built using Next.js, Oxylabs, Shadcn, and Zustand. It replicates the functionality of the Walmart website, featuring a homepage, search page, product page, and cart.
## Features
- Utilizes Shadcn for reusable components.
- Integrates Oxylabs for web scraping data from Walmart.
- Implements Zustand for state management.
- Developed with Next.js for building the project.
## Installation
To install and run the project locally, follow these steps:
1. Clone the repository to your local machine:
```
git clone https://github.com/your-username/walmart-clone.git
```
2. Navigate to the project directory:
```
cd walmart-clone
```
3. Install dependencies:
```
npm install
```
4. Run the development server:
```
npm run dev
```
5. Open your browser and visit `http://localhost:3000` to view the application.
## Usage
The application functions similarly to the Walmart website. Navigate through the homepage, search for products, view product details, and add items to your cart.
## Environment Variables
To use the Oxylabs ecommerce scraper, you need to include your Oxylabs username and password in the `.env.local` file. Example:
```
OXYLABS_USERNAME=your_username
OXYLABS_PASSWORD=your_password
```
## Contributing
Contributions to the Walmart Clone project are welcome! Feel free to report issues, suggest improvements, or submit pull requests.
## Credits
- Oxylabs
- Zustand
- Shadcn
- **Tutor**: Sonny Sangha
## License
This project is open-source and available under the [MIT License](LICENSE).
## Contact
- **Twitter**: [@_emmanuelakinbo](https://twitter.com/_emmanuelakinbo)
- **Instagram**: [@_emmanuelakinbo](https://instagram.com/_emmanuelakinbo)
- **Email**: [email protected]
- **LinkedIn**: [Emmanuel Akinbo](https://www.linkedin.com/in/emmanuel-akinbo)
---