https://github.com/easycodingtutorial/amazonprimeclone

Amazon Prime Clone Using NEXT.JS, Typescript
https://github.com/easycodingtutorial/amazonprimeclone

amazonprime nextjs typescript

Last synced: about 1 year ago
JSON representation

Amazon Prime Clone Using NEXT.JS, Typescript

• Host: GitHub
• URL: https://github.com/easycodingtutorial/amazonprimeclone
• Owner: EasyCodingTutorial
• Created: 2024-11-27T09:07:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-03T04:28:56.000Z (over 1 year ago)
• Last Synced: 2025-03-19T08:13:58.419Z (about 1 year ago)
• Topics: amazonprime, nextjs, typescript
• Language: TypeScript
• Homepage: https://amazon-prime-clone-dpmg.vercel.app/
• Size: 626 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 # Amazon Prime Clone

 ![netflix clone from scratch](https://github.com/user-attachments/assets/6bd40ba8-0836-4906-948d-950054ad9cf8)

## Overview  

The **Prime Clone** is a visually striking landing page inspired by Amazon Prime Video. Built using **Next.js** and **TypeScript**, this project showcases a modern, responsive design that mimics the aesthetics of streaming platforms.  

This repository is perfect for developers looking to practice and learn front-end development techniques, particularly in building responsive layouts and reusable components.  

## Technologies Used  

- **Next.js 14**: A React framework offering high performance and server-side rendering for SEO optimization.  

- **TypeScript**: A statically typed superset of JavaScript for writing scalable and maintainable code.  

- **React.js**: Used for creating reusable UI components.  

- **CSS Modules**: For modular and maintainable styling of components.  

## Key Features  

- **Landing Page**:  

  - A fully visually engaging landing page with modern design principles.  

  - Dynamic sections showcasing mock streaming content and promotions.  

## 📌 In This Project:  

- Creating a  visually appealing landing page.  

- Utilizing **CSS Modules** for clean and maintainable styles.  

- Writing modular, reusable components for dynamic page layouts.  

- Leveraging **TypeScript** to ensure type safety and code scalability.  

## Missing Features  

As this project focuses only on the landing page, it does not include:  

1. **Authentication Pages**: No sign-up or sign-in functionality is provided.  

2. **Backend Integration**: No server-side logic or database connections.  

3. **Advanced Features**: Features such as user profiles, streaming services, or payment gateways are not implemented.  

## Known Issues  

- The project is designed primarily for desktop and tablet screens; additional optimizations may be required for smaller devices.  

## Installation  

To run this project locally, follow the steps below:  

1. Clone this repository to your local machine:  

   ```bash  

   git clone https://github.com/EasyCodingTutorial/AmazonPrimeClone.git

2. Navigate to the project directory:

   ```bash  

   cd prime-clone

   

3. Install dependencies: 

   ```bash  

   npm install  

   

4. Start the development server:

   ```bash  

    npm run dev  

   

5. Open your browser and visit:

   ```bash  

    http://localhost:3000  

## Future Enhancements

If you'd like to extend this project, consider adding:

  - A backend with APIs for authentication and data management.

  - User profiles and personalized dashboards.

  - Integration with a video player for streaming features.

## Contributions

Contributions are welcome! If you want to help improve the design or add functionality, feel free to fork this repository, make your changes, and submit a pull request.

## Learn By Watching Video ▶️

[![Watch Demo Video](https://img.youtube.com/vi/zLKUkZx86RM/maxresdefault.jpg)](https://www.youtube.com/watch?v=zLKUkZx86RM)