Brace1000/graphql

This app integrates with the Zone01 Kisumu platform to provide real-time access to user statistics using the GraphQL API. The dashboard offers clear insights into user progression, XP trends, skill development, and audit metrics — all visualized in an engaging UI. # GraphQL Profile Page ## 🔍 Overview This project authenticates a user with Zone01 Kisumu and fetches their profile data using GraphQL. It then presents the data in a clean and interactive UI, including visual charts for experience points (XP) and audit performance. - **GraphQL API Endpoint**: `learn.zone01kisumu.ke` - **Authentication**: Requires a JWT (JSON Web Token) obtained via the login endpoint: `/api/auth/signin` --- ## ✨ Features ### 🔐 User Authentication - Login via **username/password** or **email/password** - Retrieves and uses **JWT Bearer Token** for secured API calls ### 👤 Profile Display - Username, full name, and other identity details - Accumulated XP (experience points) - level, skills - Audit information such as audit ratio, audit done and received, audits available for auditing ### 📊 Data Visualization - XP progress over time - Audit ratio breakdown ### ☁️ Hosting - Deployed and publicly accessible on Profile Dashboard --- ## 🚀 Getting Started ### 1. Clone the Repository ```bash git clone learn.zone01kisumu.ke cd graphql ``` ### 2. Start the Application Do the following to run the application locally: #### Using Live Server (Recommended) Right-click index.html → "Open with Live Server"