<p align="center"> <img src="img/logo.png" alt="Colosseum logo by Anass FERRAK" > </p> <h2 align="center"> <samp> Colosseum - A fully functional Netflix Clone made with MERN Stack and other technologies, check them below. </samp> </h2> <br> <p align="center"> <a href="#preview">Preview</a> • <a href="#tech-stack">Tech Stack</a> • <a href="#usage">Usage</a> • <a href="#features">Features</a> • <a href="#todo-list">Todo list</a> • <a href="#contribute">Contribute</a> • <a href="#image-copyright-claims">Image Copyright Claims</a> </p> <br>

Preview

<p align="center"> <img src="img/image3.PNG" alt="Colosseum Landing Page" > </p> <p align="center"> <img src="img/image1.PNG" alt="Colosseum Home Page" > </p> <p align="center"> <img src="img/image2.PNG" alt="Colosseum Movies slider" > </p> <p align="center"> A GIF will be provided Soon </p>

Tech Stack

BackEnd:

• Node.js
• Express.js

FrontEnd:

• React.js

DataBase:

• MongoDB

Usage

Prerequisites:

The project can be used along side with the server side or without it untill the next Readme update .

• Note: the authentification system isn't built yet, so the whole UI is reusable alone or with your BackEnd choice.

• Get a free API Key at The Movie Database (TMDb)

Installation:

1. Clone the repo

   git clone https://github.com/TheLordA/Colosseum.git
   

2. Enter your API Key in .env.example.js

   REACT_APP_API_KEY="Your TMDB API KEY GOES HERE";
   

3. Rename the .env.example.js to .env.js.

4. Install NPM packages

   cd client
   npm install
   

5. Run the Client Side :

   cd client
   npm start
   

• The Server side Installation Will be Provided Soon

Features

Available Soon

Todo List

Available Soon

Contribute

<p> <h3 align="center">Show your support by 🌟 the project !!</h3> <h3 align="center">Feel free to contribute</h3> </p> <!-- # Development Want to contribute? Great! To fix a bug or enhance an existing module, follow these steps: - Fork the repo - Create a new branch (`git checkout -b improve-feature`) - Make the appropriate changes in the files - Add changes to reflect the changes made - Commit your changes (`git commit -am 'Improve feature'`) - Push to the branch (`git push origin improve-feature`) - Create a Pull Request --> <!-- # Bug Report / Feature Request If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue [here](ISSUE_LINK) by including your search query and the expected result. If you'd like to request a new function, feel free to do so by opening an issue [here](ISSUE_LINK). Please include sample queries and their corresponding results. -->

Image Copyright Claims

<p> <h3 align="center">Many images used in the project belong to their respective creators/authors. No claim by me & those who use this project.</h2> </p>