yBully Admin

Table of contents

• Introduction
• Features
• Demo
• Installation
• Contributing
• License

Introduction

yBully Admin is a ReactJS based admin dashboard application for yBully Chrome Extension that allows you to manage users, stats, and more.

Features

• View Detailed Statistics.
• View Graphical Statistics.
• View List of Reported Tweets.
• Approve / Reject Tweets Reported by Users.
• View List of Approved Tweets.
• Retrain the Model using the list of Approved Tweets.
• Manage Users.
• Manage Admins.
• Manage Trained / Active Models.

Demo

Dashboard Page

Reported Tweets Page

Retraining Model Page

All Models

All Users Page

User Details / Edit User

All Admins Page

Installation

Before starting with installation you would require to setup a firebase project.

Once the firebase project is ready, follow below steps.

1. Clone this repository git clone https://github.com/yBullyy/yBully-admin.git.
2. Change directory cd yBully-admin.
3. Create .env file in root directory.
4. Add the following lines to .env file.

REACT_APP_FIREBASE_API_KEY=<your-firebase-api-key>
REACT_APP_FIREBASE_AUTH_DOMAIN=<your-firebase-auth-domain>
REACT_APP_FIREBASE_DATABASE_URL=<your-firebase-database-url>
REACT_APP_FIREBASE_PROJECT_ID=<your-firebase-project-id>
REACT_APP_FIREBASE_STORAGE_BUCKET=<your-firebase-storage-bucket>
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=<your-firebase-messaging-sender-id>
REACT_APP_FIREBASE_APP_ID=<your-firebase-app-id>
REACT_APP_FIREBASE_MEASUREMENT_ID=<your-firebase-measurement-id>

5. Run npm install to install all the required dependencies.
6. Run npm start to start the server.
7. Open the browser and go to http://localhost:3000/.
8. Create a new user from firebase console.
9. Login with those credentials & you will be redirected to the admin dashboard.

License

Stargazers