Webflix

A Netflix-inspired movie app that allows users to browse and search for films and series. Deployed on Vercel, designed and developed using React, Node.js, Styled-Components, Firebase Authentication, Firestore, Fuse.js
View Demo

Table of Contents

1. About The Project
   • Built With
2. Features
3. Roadmap
4. Contributing

About The Project

Webflix is my attempt at mimicking the Netflix UI layout with basic functionalities of browsing and searching for films and series. Deployed on Vercel, designed and developed using React, Node.js, Styled-Components, Firebase Authentication, Firestore, Fuse.js (live search)

Built With

• React (Custom Hooks, Context, Portals)
• Node.js
• Styled Components
• Firebase
• Vercel

Features

FAQs Accordion

Sign up & Sign in (using Firebase Auth)

Sign up	Sign in

Browse Page

Browse Page (Mobile-view)

Roadmap

• Home Page
• Authentication & authorization
• Browse Page
• Live search
• Video preview
• Responsive views (pc, tablet, mobile)
• Deploy the app with Vercel
• Optimize & audit with Lighthouse
• Integrate movies API into the app

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request