Welcome to the GraphQL Profile Page project! This application provides a clean and interactive UI to view user profile data from the Zone01 Kisumu platform, fetched using the power of GraphQL.
This project authenticates a user with Zone01 Kisumu, fetches their profile data—including identity, XP, skills, and audit performance—and presents it in a visually appealing and easy-to-understand dashboard.
- GraphQL API Endpoint:
https://learn.zone01kisumu.ke/api/graphql-engine/v1/graphql - Authentication: Uses a JWT Bearer Token obtained via the
/api/auth/signinendpoint.
- 🔐 Secure User Authentication: Login with username/password or email/password to get a secure JWT.
- 👤 Comprehensive Profile Display: View username, full name, XP, level, skills, and detailed audit stats.
- 📊 Interactive Data Visualization: Track XP progress over time and see a clear breakdown of your audit ratio with interactive charts.
- ☁️ Hosted & Accessible: Deployed and publicly accessible for easy viewing.
To get this project up and running on your local machine, follow these simple steps.
Make sure you have Node.js and npm installed.
git clone https://learn.zone01kisumu.ke/git/svictor/graphql.git
cd graphqlnpm installnpm startYour application should now be running on http://localhost:3000 (or another specified port).
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated!
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'feat: Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project was created and is maintained by shayo victor.
This project is distributed under the MIT License. See the LICENSE file for more information.