Prime Video Offer Page Clone (Front-end Only)

Introduction

This project is a clone of the Prime Video Offer Page, built using React and TypeScript. The aim of this project was to recreate the Prime Video Offer Page with utmost accuracy, focusing solely on the front-end development.

Live Demo

You can check out the live version of the Prime Video Offer Page Clone at Link to Live Demo

Original Page

The original Prime Video Offer Page can be found at Link to Original Prime Video Offer Page

Features

The Prime Video Offer Page Clone includes the following features:

1. Displaying the same layout and design as the original page.
2. Responsiveness to different screen sizes and devices.
3. Interactive elements like navigation and mobile navigation.
4. Realistic content representation, mimicking the original page's structure.

Technologies Used

The following technologies were used to create this clone:

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript, adding static types for enhanced development.
• HTML: Markup language for building the structure of the page.
• CSS: Styling the components and layout of the page.
• Tailwind CSS: A utility-first CSS framework that streamlines styling and design by utilizing pre-built utility classes for creating responsive and visually appealing user interfaces.

How This Demonstrates My Knowledge

This project showcases my proficiency in the following areas:

1. React and TypeScript: By using React and TypeScript, I demonstrated my understanding of these technologies and their integration to build scalable and maintainable front-end applications.

2. Front-end Development: The accurate replication of the Prime Video Offer Page demonstrates my ability to develop user interfaces with precision and attention to detail.

3. Responsive Design: The clone is designed to be responsive and display correctly on various devices, such as desktops, tablets, and mobile phones.

4. Git and GitHub: I utilized Git for version control and collaborated with GitHub to showcase my ability to manage and share code repositories.

Installation

If you wish to run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/kojiado/prime-video-offer-page-clone.git
2. Navigate to the project directory: cd prime-video-offer-page-clone
3. Install dependencies: npm install
4. Start the development server: npm run dev

The project will be accessible at http://localhost:5173/.

Contributions

Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please feel free to create a pull request.

Disclaimer

This project is intended solely for educational and demonstration purposes. It is not affiliated with Prime Video or Amazon in any way.

Thank you for checking out my Prime Video Offer Page Clone. If you have any questions or feedback, please don't hesitate to reach out!

Happy coding! 🚀