Skip to content

A Vue Js Based G Index with Improved Dark Mode, Search and Video Player

License

Notifications You must be signed in to change notification settings

xavierxross/gindex-v4

 
 

A Vue js Based GD Index

Site - Click Here
Demo Site can be Seen Here - Click Here

Now With New UI
Refreshing New Home Look
Refreshing New Home Look
Refreshing New Home Look

Complete Site Inspiration from Aicirou

This is a Complete Rebuild from Aicirou's Gindex with Changes to Theme and Framework.

Important - This Site Requires My GIndex Live Backend Server to be Running Otherwise the Site will Never Open.

Important - For Setting up of Backend. Visit my GIndex Backend Repo for Steps to Setup.

Site Features Other than Aicirou's:

  1. This GIndex is Not Like Basic GIndex which Depends on Basic Auth Headers to Authenticate the Users. Rather this has its Own Backend Through Which Users will be Authenticated.
  2. Automated Email Verification with OTP.
  3. Uses Custom Video Player - Plyr to Stream Videos.
  4. Uses Custom Audio Player - Plyr
  5. Complete Dark theme.
  6. User Role Based Authentication.
  7. No Public can Access Site's Content Without Logging in.
  8. Uses JWT to Verify User's Login on Each Route.
  9. JWT is Valid for a Week. After Expiry the User will get Automatically Logged out.
  10. Also User's JWT Token is Stored in LocalStorage as AES 256 Encrypted Key . This will be Decrypted on Demand. So that No One Can Access the User Details even if they have the Key.
  11. Fully Material Redesign of all Pages. (Under Progress).
  12. Has 3 Roles - User, Admins, Superadmins
    • Users - Can Only View Content.
    • Admins - Can Accept Users based on their Request
    • Superadmins - Can Accept Admin Requests.
  13. Uses MongoDB for User Database.
  14. Full Access Control of Backend from Frontend Based on User's Role.

Site Shots:

1. Home - Logged In HomeLog

2. Home - Logged Out homeout

4. Video Page video

5. Video Player - Extended video

6. Video Player - External Players video

7. Settings settings

8. Admin Page admin

9. Admin - User Registration Page register

10. Pending Requests - Modal pending

11. User Request Page request

12. User Verify Page verify

Thanks - Support Me

About

A Vue Js Based G Index with Improved Dark Mode, Search and Video Player

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 71.4%
  • JavaScript 21.3%
  • CSS 4.2%
  • HTML 3.1%