Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/parin-prog/netflix-clone

It's a Netflix clone that I built using ReactJS, JavaScript, Bootstrap5 and TMDB API. It has a sleek and modern user interface that mimics Netflix, but with some interesting changes. You can explore movies and web series from different genres and interact with them using the Netflix UI. It's a fun and easy way to discover new content and enjoy.
https://github.com/parin-prog/netflix-clone

axios-react bootstrap5 css firebase javascript jsx reactjs redux tmdb-api

Last synced: about 7 hours ago
JSON representation

Host: GitHub
URL: https://github.com/parin-prog/netflix-clone
Owner: parin-prog
Created: 2023-05-01T08:06:53.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2023-11-24T10:44:36.000Z (12 months ago)
Last Synced: 2023-11-25T07:24:01.137Z (12 months ago)
Topics: axios-react, bootstrap5, css, firebase, javascript, jsx, reactjs, redux, tmdb-api
Language: JavaScript
Homepage: https://netflix-clone-parin-prog.vercel.app
Size: 9.76 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Netflix-Clone

### Overview :

It's built using ReactJS, JavaScript, Bootstrap5 and TMDB API. It has a sleek and modern user interface that mimics Netflix, but with some interesting changes. You can explore movies and web series from different genres and interact with them using the Netflix UI. It's a fun and easy way to discover new content and enjoy.
--
application is hosted [HERE!](https://netflix-clone-parin-prog.vercel.app/)

**SCREENSHOTS:**
---

---

## Developed With

* [Visual Studio Code](https://code.visualstudio.com/) - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring
* [React](https://react.org/) - A javascript library for building user interfaces
* [React-router](https://reactrouter.com/) enables "client side routing"
* [React-redux](https://redux.js/) A predictable state container
* [Bootstrap5](https://getbootstrap.com/) A powerful, feature-packed frontend toolkit
* [Axios](https://www.npmjs.com/package/axios) Promise based HTTP client for the browser
* [TMDB-api](https://www.themoviedb.org/) A popular, user editable database for movies and TV shows
* [Create react app](https://create-react-app.dev/) - A quick method to start developing a react application
* [Firebase](https://www.firebase.com/) A Realtime Database API
* [Stripe](https://www.stripe.com/) Provides a variety of payment methods through a single API
* [Axios](https://www.npmjs.com/package/axios) Promise based HTTP client for the browser
* [Babel](https://babeljs.io/) - A transpiler for javascript
* [Webpack](https://webpack.js.org/) - A module bundler

---

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

The following software is required to be installed on your system:

* Node 16.x
* Npm 8.x

Type the following commands in the terminal to verify your node and npm versions

```bash
node -v
npm -v
```

## How to Run
<<<<<<< HEAD

1. **Clone the Repository**: Start by cloning this repository to your local machine.

3. **Setup**:
- Navigate to the frontend directory and run `npm install` to install the required frontend dependencies.
- Configure the frontend environment variables as necessary.
- Run `npm start` to launch the frontend.

4. **Access the Application**:
- Visit the application in your web browser at `http://localhost:3000` (by default for the frontend).
- Ensure the backend is running on a different port as specified in your configuration.

=======

1. **Clone the Repository**: Start by cloning this repository to your local machine.