Theme Name : Neoflix Admin Dashboard

Item Version : v1.0

Author : mdmush

Framework : ReactJS

Thank you for purchasing this template and for being a valued customer! You’re amazing!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

With your purchase, you’ll receive free lifetime updates for this product along with direct support from the author whenever you need it. This documentation is designed to guide you through each step of the customization process. Please review it thoroughly to understand the structure of the template and learn how to make edits effectively.

Requirements

You will need the following sofwares to customize this template.

Node.js and npm - Ensure you have Node.js and npm installed.

Firebase Project - Set up a Firebase project with Firestore, Firebase Authentication, and Firebase Hosting.

AWS S3 Bucket - Create an AWS S3 bucket with appropriate permissions for uploading video files.

Introduction #back to top

Neoflix Admin Dashboard is ReactJS based to manage the content on the Neoflix React Native based mobile application.

Plugins Used:

- react-lottie

- firebase

- aws-sdk

- @material-ui/core

Developer Environments #back to top

Install these in order to successfully run this dashboard in your web browser.

- Code Editor

- Visual Studio Code: https://code.visualstudio.com/download

- Sublime Text: https://www.sublimetext.com/download

- Node: https://nodejs.org/en/

Installation #back to top

1. Extract all the code into a separate folder

2. Install all packages from the below command the project's folder:

npm install

Firebase & AWS Project Setup #back to top

1. Create a Firebase Project

Go to https://console.firebase.google.com/
Login using your google account
Once logged-in, create a new project
Enable Firestore - Navigate to Firestore Database and enable it in test mode.
Enable Firebase Authentication - Go to Authentication > Sign-in Method, and enable the desired sign-in methods (e.g., Email/Password).

Get Firebase Configuration - In Firebase Project Settings, click on "Web App" and register your app to get the configuration object. **Copy this configuration for later**.

This is a sample configuration:

                            const firebaseConfig = {
                                apiKey: "",
                                authDomain: "",
                                databaseURL: "",
                                projectId: "",
                                storageBucket: "",
                                messagingSenderId: "",
                                appId: "",
                                measurementId: ""
                            };

2. Create a AWS S3 bucket

Go to https://console.aws.amazon.com/console/home and log in to your AWS Console and navigate to S3

Create a new bucket for storing video files

Set permissions on the bucket to allow access only to your application (consider using AWS IAM policies to ensure secure access).

Copy below things for configuring the admin panel.

AWS Access Key

Secret Key

Bucket Name

Update Config.js #back to top

Update below key with the credentials copied from last step.

                    export const AWS_REGION = "";
                    export const AWS_ACCESS_KEY_ID = "";
                    export const AWS_SECRET_ACCESS_KEY = "";
                    export const AWS_BUCKET = "";

                    export const firebaseConfig = {
                        apiKey: "",
                        authDomain: "",
                        databaseURL: "",
                        projectId: "",
                        storageBucket: "",
                        messagingSenderId: "",
                        appId: "",
                    };

Running a Dev Build #back to top

1. Run this code inside the project's folder in order to run the Dev/Debug verion of the web application:

npm start

2. Visit http://localhost:3000 in your browser to access the admin dashboard. Log in using Firebase Authentication credentials you set up earlier.

Building your app for production #back to top

1. Run this code inside the project's folder in order to run the Production verion of the web application

npm run build

Note: Check that you have provided all the keys in the src/Config.js

2. You production admin dashboard is ready to host on any server/hosting. You can found the code in Build folder.

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our profile page or ask question mdmushbusiness@gmail.com

Support for my items includes:

- Responding to questions or problems regarding the item and its features

- Fixing bugs and reported issues

- Providing updates to ensure compatibility with new software versions

Item support does not include:

- Customization and installation services

- Support for third party software and plug-ins

Before seeking support, please...

* Make sure your question is a valid Theme Issue and not a customization request.

* Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.

* Make sure to double check the theme FAQs.

* Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.

* If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.

* Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.

Files & Sources #back to top

Included Screens

These are the various main screens that has been used to create this theme. All screens are included under src/views/

1. Accounts Screen

2. Actors Screen

3. Configuration Screen

a. Home Screen

b. New&Hot Screen

4. Dashboard Screen

5. Directors Screen

6. Genres Screen

7. Movies Screen

8. Sign-In Screen

9. Sign-Up Screen

10. SplashScreen

11. TV Series Screen

12. Users Screen

Included Components

These are the primary components used for styling. Use these to customize your theme even further. All included under src/components/

1. Paper

2. SearchInput

Version History (Changelog) #back to top

You can find the version history (changelog.txt) file on neoflix-dashboard-full-v1.0.zip folder or you can check changelog on theme sale page.

Once again, thank you so much for purchasing this admin dashboard. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the reactJS theme on CodeCanyon, you might consider asking your question in the "Item Discussion" section.

Changelog

                                    -----------------------------------------------------------------------------------------
                                    Version 1.0.0 - October 31st, 2024
                                    -----------------------------------------------------------------------------------------
									- first version

Copyright and license #back to top

Code released under the License.

Neoflix Admin Dashboard

Theme Name : Neoflix Admin Dashboard Item Version : v1.0 Author : mdmush Framework : ReactJS

Thank you for purchasing this template and for being a valued customer! You’re amazing! You are entitled to get free lifetime updates to this product + exceptional support from the author directly.