Profile Page with GraphQL Integration 📝📊

🚀 Project Overview

The objective of this project is to create a Profile Page that integrates with a GraphQL API to display personal school information and statistics. The page will allow users to log in using JWT authentication and visualize data in dynamic, SVG-based graphs.

✨ Key Features

1. 💻 Login Page: Secure authentication using JWT.
2. 👤 Profile Page: View your school information like:
   • Basic user identification
   • XP (experience points) amount
   • current levl
   • audit ratio (a diffrence represent the audits u do and done to u)
   • some stats using SVG-based graphs repesent:
     • xp earned over time in the main module and piscines
     • a spide graph represent ur skills and the progress u done in each one

📚 What To Learn from This Project

• GraphQL: Understanding GraphQL schemas and queries
• GraphiQL
• Hosting
• JWT
• Authentication
• Authorization
• Basics of UI/UX

Hosted Website