Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Amazon clone #1064

Merged
merged 51 commits into from
Feb 1, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
51 commits
Select commit Hold shift + click to select a range
1fc6e06
Create Readme.md
monark1 Jan 27, 2025
4b6d374
Add files via upload
monark1 Jan 27, 2025
951065f
Update and rename amazon.html to index.html
monark1 Jan 27, 2025
d860b3e
Create d
monark1 Jan 27, 2025
f594159
Add files via upload
monark1 Jan 27, 2025
3bf147d
Delete amazon-clone/box1_image.jpg
monark1 Jan 27, 2025
87618e2
Delete amazon-clone/box2_image.jpg
monark1 Jan 27, 2025
97c92a4
Delete amazon-clone/amazon_logo.png
monark1 Jan 27, 2025
878003f
Delete amazon-clone/box3_image.jpg
monark1 Jan 27, 2025
86d3804
Delete amazon-clone/box4_image.jpg
monark1 Jan 27, 2025
41c831d
Delete amazon-clone/box5_image.jpg
monark1 Jan 27, 2025
17e6a18
Delete amazon-clone/box6_image.jpg
monark1 Jan 27, 2025
2324a79
Delete amazon-clone/box7_image.jpg
monark1 Jan 27, 2025
5d7a9f0
Delete amazon-clone/box8_image.jpg
monark1 Jan 27, 2025
b1f4c34
Delete amazon-clone/header1.jpg
monark1 Jan 27, 2025
bc62f3c
Delete amazon-clone/header2.jpg
monark1 Jan 27, 2025
cfe2ea7
Delete amazon-clone/header3.jpg
monark1 Jan 27, 2025
8a0d221
Delete amazon-clone/header4.jpg
monark1 Jan 27, 2025
52433c4
Delete amazon-clone/header5.jpg
monark1 Jan 27, 2025
ec9831f
Delete amazon-clone/header6.jpg
monark1 Jan 27, 2025
c7284ca
Delete amazon-clone/headphone2.webp
monark1 Jan 27, 2025
5fd3078
Delete amazon-clone/footer.png
monark1 Jan 27, 2025
673b3f7
Delete amazon-clone/headphone4.jpg
monark1 Jan 27, 2025
891bba2
Delete amazon-clone/hero_image.jpg
monark1 Jan 27, 2025
84d9692
Delete amazon-clone/home-page.png
monark1 Jan 27, 2025
8996e16
Update index.html
monark1 Jan 27, 2025
8663c7d
Update amazon.css
monark1 Jan 27, 2025
1345c65
Update cart.html
monark1 Jan 27, 2025
492d4a8
Update login.html
monark1 Jan 27, 2025
79a59aa
Update product.html
monark1 Jan 27, 2025
75dd303
Add files via upload
monark1 Jan 27, 2025
f4b07a4
Update Readme.md
monark1 Jan 27, 2025
7cc635d
Update index.html
monark1 Jan 27, 2025
67e47c5
Delete amazon-clone/footer.webp
monark1 Jan 28, 2025
89a3cf9
Rename home-page.webp to Screenshot.webp
monark1 Jan 28, 2025
dd82067
Create d
monark1 Jan 28, 2025
066a017
Add files via upload
monark1 Jan 28, 2025
be043ce
Add files via upload
monark1 Jan 28, 2025
0ff4c5c
Add files via upload
monark1 Jan 28, 2025
e79ef73
Update README.md
monark1 Jan 28, 2025
380fa2d
Delete src/app/(category)/frontend/(projects)/Amazon-clone/images/d
monark1 Jan 28, 2025
da99971
Update data.json
monark1 Jan 28, 2025
cf8c485
moved folder
monark1 Jan 28, 2025
9e879f4
Rename to screenshot.webp
monark1 Jan 29, 2025
e46b78a
.
monark1 Jan 29, 2025
0575729
Add files via upload
monark1 Jan 29, 2025
a3965c3
move
monark1 Jan 29, 2025
9db0917
moved folder
monark1 Jan 29, 2025
e6b2f3b
Update README.md
monark1 Jan 29, 2025
48912b1
Update data.json
monark1 Jan 29, 2025
b88f17b
.
monark1 Jan 29, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions src/app/(category)/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,9 @@

#### :zap: Row 1

| <img src="/src/app/(category)/frontend/(projects)/amazon-clone/screenshot.webp" width="300px" height="180px"> | <img src="/src/app/(category)/frontend/(projects)/amazon-prime-clone/screenshot.webp" width="300px" height="180px"> | <img src="/src/app/(category)/frontend/(projects)/animated-tea-cup/screenshot.webp" width="300px" height="180px"> |
| <img src="/src/app/(category)/frontend/(projects)/amazon-clone/screenshot.webp" width="300px" height="180px"> | <img src="/src/app/(category)/frontend/(projects)/amazon-prime-clone/screenshot.webp" width="300px" height="180px"> | <img src="/src/app/(category)/frontend/(projects)/animated-tea-cup/screenshot.webp" width="300px" height="180px"> |
| :--: | :--: | :--: |
| [Amazon Clone](./src/app/(category)/frontend/(projects)/amazon-clone) | [Amazon Prime Clone](./src/app/(category)/frontend/(projects)/amazon-prime-clone) | [Animated Tea Cup](./src/app/(category)/frontend/(projects)/animated-tea-cup) |
| [Amazon Clone](./src/app/(category)/frontend/(projects)/amazon-clone) | [Amazon Prime Clone](./src/app/(category)/frontend/(projects)/amazon-prime-clone) | [Animated Tea Cup](./src/app/(category)/frontend/(projects)/animated-tea-cup) |

---

Expand Down Expand Up @@ -122,6 +122,13 @@
| :--: | :--: | :--: |
| [Spotify Clone](./src/app/(category)/frontend/(projects)/spotify-clone) | [Starbucks Landing Page](./src/app/(category)/frontend/(projects)/starbucks-landing-page) | [Survey Form](./src/app/(category)/frontend/(projects)/survey-form) |

---

#### :zap: Row 11

| <img src="/src/app/(category)/frontend/(projects)/amazon/screenshot.webp" width="300px" height="180px"> |
| :--: |
| [amazon](./src/app/(category)/frontend/(projects)/amazon) |
</div>

</details>
Expand Down
75 changes: 75 additions & 0 deletions src/app/(category)/frontend/(projects)/amazon/Readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<h1 align='center'><b>💥 Amazon Clone Project 💥</b></h1>

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h3 align='center'>Tech Stack Used 🎮</h3>
<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->

<div align='center'>

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

</div>


![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)

<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: Description 📃

<div>
<p>This is a feature-rich Amazon Clone web application developed as part of my open-source contribution for **Script Winter of Code (SWOC)**. It replicates key functionalities of Amazon, showcasing a dynamic and interactive shopping experience built using modern front-end technologies.</p>

</div>


<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: How to run it? 🕹️


### Prerequisites
Ensure you have the following installed:
- A modern browser (Chrome, Edge, Firefox).
- [Git](https://git-scm.com/) for cloning the repository.

### Steps
1. Clone this repository:
```bash
git clone https://github.com/Avdhesh-Varshney/WebMasterLog.git
```
2. Navigate to the project folder:
```bash
cd amazon-clone
```
3. Open `index.html` in your browser to view the project locally.




<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: Screenshots 📸
![screenshot](https://raw.githubusercontent.com/monark1/WebMasterLog/refs/heads/amazon-clone-feature/src/app/(category)/frontend/(projects)/amazon/screenshot.webp)
<br>

![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h4 align='center'>Developed By <b><i>Monark Bhardwaj</i></b> 👦</h4>
<p align='center'>
<a href='https://www.linkedin.com/in/monark-bhardwaj/'>
<img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
</a>
<a href='https://github.com/monark1'>
<img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
</a>
</p>

<h4 align='center'>Happy Coding 🧑‍💻</h4>

<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
Loading