{"id":30619017,"url":"https://github.com/abdelrahman-samy-dev/amazon-clone","last_synced_at":"2026-04-11T04:32:25.161Z","repository":{"id":311943051,"uuid":"1045701974","full_name":"abdelrahman-samy-dev/amazon-clone","owner":"abdelrahman-samy-dev","description":"A full-featured Amazon-style e-commerce app built with Next.js 13, TypeScript, Redux Toolkit, Tailwind, NextAuth, and Stripe — auth, cart, checkout, and responsive UI.","archived":false,"fork":false,"pushed_at":"2025-08-27T16:08:55.000Z","size":504,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-28T00:46:21.068Z","etag":null,"topics":["amazon-clone","ecommerce","jwt","nextauth","nextjs","nextjs-13","oauth","react","redux-persist","redux-toolkit","stripe","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://amazon-ecommerce-clone-one.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abdelrahman-samy-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-27T15:28:58.000Z","updated_at":"2025-08-27T16:08:58.000Z","dependencies_parsed_at":"2025-08-28T00:46:54.821Z","dependency_job_id":"89041eb7-21c7-4083-8d97-cb27300d4acd","html_url":"https://github.com/abdelrahman-samy-dev/amazon-clone","commit_stats":null,"previous_names":["abdelrahman-samy-dev/amazon-clone"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/abdelrahman-samy-dev/amazon-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdelrahman-samy-dev%2Famazon-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdelrahman-samy-dev%2Famazon-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdelrahman-samy-dev%2Famazon-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdelrahman-samy-dev%2Famazon-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abdelrahman-samy-dev","download_url":"https://codeload.github.com/abdelrahman-samy-dev/amazon-clone/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdelrahman-samy-dev%2Famazon-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amazon-clone","ecommerce","jwt","nextauth","nextjs","nextjs-13","oauth","react","redux-persist","redux-toolkit","stripe","tailwindcss","typescript","vercel"],"created_at":"2025-08-30T12:16:34.910Z","updated_at":"2026-04-11T04:32:25.143Z","avatar_url":"https://github.com/abdelrahman-samy-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Amazon Clone E-Commerce Application\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./src/images/logo.png\" alt=\"Amazon Clone Logo\" width=\"200\"/\u003e\n  \u003ch3\u003e🛒 Modern E-Commerce Platform\u003c/h3\u003e\n  \u003cp\u003eA full-featured Amazon clone built with Next.js, TypeScript, Redux, Tailwind CSS, and NextAuth.js\u003c/p\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Next.js-13.4.8-black\" alt=\"Next.js\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/TypeScript-5.1.6-blue\" alt=\"TypeScript\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Redux-RTK-purple\" alt=\"Redux\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind-3.3.2-cyan\" alt=\"Tailwind\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/NextAuth-4.22.1-green\" alt=\"NextAuth\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Stripe-12.11.0-blue\" alt=\"Stripe\"/\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## 📋 Overview\n\nThis application demonstrates modern web development practices and implements core e-commerce functionality. It's designed to provide a seamless shopping experience with features like user authentication, product management, shopping cart, and secure checkout process.\n\n## ✨ Key Features\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🔐 User Authentication\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eEmail/Password login and registration\u003c/li\u003e\n        \u003cli\u003eOAuth integration with Google and GitHub\u003c/li\u003e\n        \u003cli\u003eJWT-based session management\u003c/li\u003e\n        \u003cli\u003eSecure password handling with bcrypt\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🏪 Product Management\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eProduct listing with search functionality\u003c/li\u003e\n        \u003cli\u003eProduct details page with dynamic routing\u003c/li\u003e\n        \u003cli\u003eCategory filtering\u003c/li\u003e\n        \u003cli\u003eResponsive product grid\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🛒 Shopping Experience\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eAdd to cart functionality\u003c/li\u003e\n        \u003cli\u003eFavorites/wishlist management\u003c/li\u003e\n        \u003cli\u003eQuantity adjustment in cart\u003c/li\u003e\n        \u003cli\u003ePersistent cart with Redux and localStorage\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e💳 Checkout Process\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eStripe payment integration\u003c/li\u003e\n        \u003cli\u003eOrder summary\u003c/li\u003e\n        \u003cli\u003eSuccess confirmation\u003c/li\u003e\n        \u003cli\u003eSecure payment handling\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd colspan=\"2\"\u003e\n      \u003ch3\u003e📱 Responsive Design\u003c/h3\u003e\n      \u003cul\u003e\n        \u003cli\u003eMobile-first approach\u003c/li\u003e\n        \u003cli\u003eTailwind CSS for styling\u003c/li\u003e\n        \u003cli\u003eCustom breakpoints for various screen sizes\u003c/li\u003e\n        \u003cli\u003eOptimized for all devices\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 🛠️ Technology Stack\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eCategory\u003c/th\u003e\n    \u003cth\u003eTechnologies\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003eFrontend\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Next.js-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"Next.js\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React_Icons-61DAFB?style=for-the-badge\u0026logo=react\u0026logoColor=black\" alt=\"React Icons\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React_Carousel-61DAFB?style=for-the-badge\u0026logo=react\u0026logoColor=black\" alt=\"React Carousel\"/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003eState Management\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Redux_Toolkit-764ABC?style=for-the-badge\u0026logo=redux\u0026logoColor=white\" alt=\"Redux\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Redux_Persist-764ABC?style=for-the-badge\u0026logo=redux\u0026logoColor=white\" alt=\"Redux Persist\"/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003eAuthentication\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://img.shields.io/badge/NextAuth.js-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"NextAuth\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/JWT-000000?style=for-the-badge\u0026logo=json-web-tokens\u0026logoColor=white\" alt=\"JWT\"/\u003e\n      \u003cimg src=\"https://img.shields.io/badge/OAuth-4285F4?style=for-the-badge\u0026logo=google\u0026logoColor=white\" alt=\"OAuth\"/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003ePayment\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Stripe-008CDD?style=for-the-badge\u0026logo=stripe\u0026logoColor=white\" alt=\"Stripe\"/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 📋 Prerequisites\n\n- Node.js (v14 or later)\n- npm or yarn\n- Stripe account for payment processing\n- OAuth credentials (optional for social login)\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or later)\n- npm or yarn\n- Git\n\n### Installation\n\n\u003cdetails\u003e\n\u003csummary\u003eClick to expand installation steps\u003c/summary\u003e\n\n1. **Clone the repository**\n\n```bash\ngit clone https://github.com/username/amazon_next_yt.git\ncd amazon_next_yt\n```\n\n2. **Install dependencies**\n\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. **Set up environment variables**\n\nCreate a `.env.local` file in the root directory with the following variables:\n\n```env\nNEXTAUTH_URL=http://localhost:3000\nNEXTAUTH_SECRET=your_nextauth_secret\n\n# OAuth Providers (optional)\nGITHUB_ID=your_github_client_id\nGITHUB_SECRET=your_github_client_secret\nGOOGLE_CLIENT_ID=your_google_client_id\nGOOGLE_CLIENT_SECRET=your_google_client_secret\n\n# Stripe\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key\nSTRIPE_SECRET_KEY=your_stripe_secret_key\n```\n\n4. **Run the development server**\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\n5. **Open [http://localhost:3000](http://localhost:3000) in your browser**\n\n\u003c/details\u003e\n\n## 🏗️ Project Structure\n\n```\n/src\n  /components      # Reusable UI components\n    /auth          # Authentication related components\n    /header        # Header components\n  /images          # Static images\n    /slider        # Slider images\n  /lib             # Utility functions and authentication\n    /auth          # Authentication utilities\n  /pages           # Next.js pages and API routes\n    /api           # API routes\n  /store           # Redux store configuration\n  /styles          # Global styles\n/public\n  /assets          # Public assets\n```\n\n## 🧩 Design Patterns \u0026 Best Practices\n\n- **Component-Based Architecture**: Modular components for better reusability and maintainability\n- **Container/Presentational Pattern**: Separation of logic and UI\n- **Redux Ducks Pattern**: Grouping related actions, reducers, and selectors\n- **Responsive Design**: Mobile-first approach with Tailwind breakpoints\n- **API Route Pattern**: Serverless functions for backend operations\n- **Authentication Strategies**: JWT with secure HTTP-only cookies\n\n## 🔒 Security Features\n\n- Password hashing with bcrypt\n- JWT-based authentication\n- Protected API routes\n- Form validation\n- Secure payment processing with Stripe\n\n## 🚀 Deployment\n\nThis application can be easily deployed on Vercel:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://amazon-ecommerce-clone-one.vercel.app/)\n\n## 📤 How to Push to GitHub\n\n\u003cdetails\u003e\n\u003csummary\u003eClick to expand GitHub instructions\u003c/summary\u003e\n\n### 1. Create a GitHub Repository\n\n1. Go to [GitHub](https://github.com/) and sign in to your account\n2. Click on the '+' icon in the top right corner and select 'New repository'\n3. Name your repository (e.g., 'amazon-clone')\n4. Choose whether to make it public or private\n5. Do not initialize with README, .gitignore, or license as we already have these files\n6. Click 'Create repository'\n\n### 2. Initialize Git in Your Project (if not already done)\n\n```bash\ngit init\n```\n\n### 3. Add Your Files to Git\n\n```bash\ngit add .\n```\n\n### 4. Commit Your Changes\n\n```bash\ngit commit -m \"Initial commit\"\n```\n\n### 5. Add GitHub Repository as Remote\n\n```bash\ngit remote add origin https://github.com/yourusername/your-repo-name.git\n```\n\n### 6. Push Your Code to GitHub\n\n```bash\ngit push -u origin main\n# or if you're using master branch\ngit push -u origin master\n```\n\n### 7. Verify Your Repository\n\nGo to your GitHub repository URL to verify that your code has been pushed successfully.\n\n\u003c/details\u003e\n\n## 📝 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🙏 Acknowledgements\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://nextjs.org/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Next.js-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"Next.js\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://tailwindcss.com/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://redux-toolkit.js.org/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Redux_Toolkit-764ABC?style=for-the-badge\u0026logo=redux\u0026logoColor=white\" alt=\"Redux\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://next-auth.js.org/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/NextAuth.js-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"NextAuth\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://stripe.com/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Stripe-008CDD?style=for-the-badge\u0026logo=stripe\u0026logoColor=white\" alt=\"Stripe\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://react-icons.github.io/react-icons/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/React_Icons-61DAFB?style=for-the-badge\u0026logo=react\u0026logoColor=black\" alt=\"React Icons\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n## 👤 Author\n\n**Abdelrahman Samy**\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eMade with ❤️ by Abdelrahman Samy\u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdelrahman-samy-dev%2Famazon-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdelrahman-samy-dev%2Famazon-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdelrahman-samy-dev%2Famazon-clone/lists"}