Amazon clone (#1064)

* Create Readme.md * Add files via upload * Update and rename amazon.html to index.html * Create d * Add files via upload * Delete amazon-clone/box1_image.jpg * Delete amazon-clone/box2_image.jpg * Delete amazon-clone/amazon_logo.png * Delete amazon-clone/box3_image.jpg * Delete amazon-clone/box4_image.jpg * Delete amazon-clone/box5_image.jpg * Delete amazon-clone/box6_image.jpg * Delete amazon-clone/box7_image.jpg * Delete amazon-clone/box8_image.jpg * Delete amazon-clone/header1.jpg * Delete amazon-clone/header2.jpg * Delete amazon-clone/header3.jpg * Delete amazon-clone/header4.jpg * Delete amazon-clone/header5.jpg * Delete amazon-clone/header6.jpg * Delete amazon-clone/headphone2.webp * Delete amazon-clone/footer.png * Delete amazon-clone/headphone4.jpg * Delete amazon-clone/hero_image.jpg * Delete amazon-clone/home-page.png * Update index.html * Update amazon.css * Update cart.html * Update login.html * Update product.html * Add files via upload * Update Readme.md * Update index.html * Delete amazon-clone/footer.webp * Rename home-page.webp to Screenshot.webp * Create d * Add files via upload * Add files via upload * Add files via upload * Update README.md * Delete src/app/(category)/frontend/(projects)/Amazon-clone/images/d * Update data.json * moved folder * Rename to screenshot.webp * . * Add files via upload * move * moved folder * Update README.md * Update data.json * .
Avdhesh-Varshney · Feb 1, 2025 · 9073539 · 9073539
1 parent 4b3778d
commit 9073539
Show file tree

Hide file tree

Showing 31 changed files with 1,317 additions and 2 deletions.
diff --git a/src/app/(category)/README.md b/src/app/(category)/README.md
@@ -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) | 
 
 ---
 
@@ -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>

diff --git a/src/app/(category)/frontend/(projects)/amazon/Readme.md b/src/app/(category)/frontend/(projects)/amazon/Readme.md
@@ -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>