{"id":26656260,"url":"https://github.com/easycodingtutorial/netflixclone","last_synced_at":"2025-03-25T07:19:20.001Z","repository":{"id":265281514,"uuid":"894616044","full_name":"EasyCodingTutorial/netflixClone","owner":"EasyCodingTutorial","description":"netflix Clone Using Next.js, \u0026 Typescript","archived":false,"fork":false,"pushed_at":"2024-12-03T04:29:31.000Z","size":1337,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-19T08:13:58.402Z","etag":null,"topics":["netflix-clone","nextjs14","nextjs15","typescript"],"latest_commit_sha":null,"homepage":"https://netflixclone-gamma-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/EasyCodingTutorial.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}},"created_at":"2024-11-26T17:07:44.000Z","updated_at":"2024-12-03T04:29:34.000Z","dependencies_parsed_at":"2024-11-28T21:18:16.141Z","dependency_job_id":null,"html_url":"https://github.com/EasyCodingTutorial/netflixClone","commit_stats":null,"previous_names":["easycodingtutorial/netflixclone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyCodingTutorial%2FnetflixClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyCodingTutorial%2FnetflixClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyCodingTutorial%2FnetflixClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyCodingTutorial%2FnetflixClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EasyCodingTutorial","download_url":"https://codeload.github.com/EasyCodingTutorial/netflixClone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245414556,"owners_count":20611369,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["netflix-clone","nextjs14","nextjs15","typescript"],"created_at":"2025-03-25T07:19:19.498Z","updated_at":"2025-03-25T07:19:19.990Z","avatar_url":"https://github.com/EasyCodingTutorial.png","language":"TypeScript","readme":" # Netflix Clone\n ![netflix clone from scratch](https://github.com/user-attachments/assets/77f20d16-26f3-4f98-8201-25667d043b4b)\n\n\n## Overview  \nThe **Netflix Clone** is a visually appealing landing page and authentication UI inspired by Netflix. Built using **Next.js** and **TypeScript**, this project demonstrates a clean and modern design for streaming platforms.  \n\nThis repository is ideal for developers looking to learn and experiment with building responsive UIs and implementing basic front-end workflows.  \n\n## Technologies Used  \n- **Next.js 14**: A React framework offering high performance and server-side rendering for SEO optimization.  \n- **TypeScript**: A statically typed superset of JavaScript for writing scalable and maintainable code.  \n- **React.js**: Used for creating reusable UI components.  \n- **CSS Modules**: For modular and maintainable styling of components.  \n\n## Key Features  \n- **Landing Page**: A fully responsive landing page with a modern design that mirrors Netflix's aesthetic.  \n- **Authentication Pages**:  \n  - **Sign-Up Page**: A user-friendly sign-up form for new users.  \n  - **Sign-In Page**: A clean and intuitive sign-in form for existing users.  \n\n## 📌 In This Project:  \n- Creating a landing page with dynamic layouts.  \n- Building reusable and styled components with **CSS Modules**.  \n- Designing intuitive forms for user sign-up and sign-in.  \n- Writing clean, maintainable code with **TypeScript** best practices.  \n\n## Missing Features  \nAs this project focuses only on the front end, it does not include:  \n1. **Backend Integration**: No API or database connections for user authentication.  \n2. **Advanced Features**: Features such as user profiles, video streaming, or dashboards are not implemented.  \n\n## Known Issues  \n- The project is currently designed for desktop and tablet screens; further optimizations may be required for smaller devices.  \n\n## Installation  \nTo run this project locally, follow the steps below:  \n\n1. Clone this repository to your local machine:  \n   ```bash  \n   git clone https://github.com/EasyCodingTutorial/netflixClone.git\n    ```\n2. Navigate to the project directory:\n   ```bash  \n   cd netflix-clone  \n    ```\n3. Install dependencies:\n   ```bash  \n   npm install  \n    ```\n4. Start the development server:\n   ```bash  \n    npm run dev  \n    ```\n5. Open your browser and visit:\n   ```bash  \n    http://localhost:3000  \n    ```\n\n## Future Enhancements\nIf you'd like to extend this project, consider adding:\n  - A backend with APIs for authentication and data management.\n  - User profiles and personalized dashboards.\n  - Integration with a video player for streaming features.\n\n\n\n## Contributions\nContributions 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.\n\n\n\n## Learn By Watching Video ▶️\n[![Watch Demo Video](https://img.youtube.com/vi/78GOTBhmdE0/maxresdefault.jpg)](https://www.youtube.com/watch?v=78GOTBhmdE0)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasycodingtutorial%2Fnetflixclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasycodingtutorial%2Fnetflixclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasycodingtutorial%2Fnetflixclone/lists"}