feat: add github profile analyzer

.env.example

@@ -1,2 +1,3 @@
 VITE_OMDB_API_KEY=your_api_key_here
-VITE_WEATHER_API_KEY=your_api_key_here
+VITE_WEATHER_API_KEY=your_api_key_here
+VITE_GITHUB_TOKEN=your_github_personal_access_token

CONTRIBUTING.md

@@ -87,6 +87,13 @@ Task Flow Board:
 - Implement drag-to-connect nodes feature
 - Add task dependencies validation
 
+GitHub Profile Analyzer:
+- View GitHub profile stats, repositories, and pull request activity at a glance
+- Compare two profiles side-by-side
+- Language usage and repo stats charts
+- Contribution calendar visualization
+- Error handling for missing/invalid tokens
+
 Global Enhancements:
 
 - Extract API calls into services folder

README.md

@@ -23,6 +23,7 @@ A collection of interactive dashboards that fetch and display data from **free,
 | 🐶🐱 Pets             | [Dog CEO](https://dog.ceo/dog-api/) + [Cataas](https://cataas.com/#/)                                   | Random cute dog and cat images                    |
 | 🦠 COVID-19 Tracker   | [COVID19 API](https://covid19api.com/)                                                                  | Track pandemic stats and trends globally          |
 | 📋 Task Flow Board    | [React Flow](https://reactflow.dev/)                                                                    | Visual task management with draggable nodes       |
+| 🧑‍💻 GitHub Profile Analyzer | [GitHub GraphQL API](https://docs.github.com/en/graphql) | Discover, analyze, and compare GitHub profiles with advanced stats and insights |
 
 ---
 

src/App.jsx

@@ -44,6 +44,7 @@ import Navbar from './components/Navbar.jsx';
 import ContributorsWall from './pages/Contributors.jsx'
 import Pokedex from './pages/Pokedex.jsx';
 import TaskFlowBoard from './pages/TaskFlowBoard.jsx';
+import GitHubProfileAnalyzer from './pages/GitHubProfileAnalyzer.jsx';
 
 // TODO: Extract theme state into context (see todo 5).
 import { useState, useEffect } from 'react';
@@ -84,6 +85,7 @@ export default function App() {
             <Route path="/contributors" element={<ContributorsWall />} />    
             <Route path="/pokedex" element={<Pokedex />} />  
             <Route path="/taskflow" element={<TaskFlowBoard />} />
+            <Route path="/github-profile-analyzer" element={<GitHubProfileAnalyzer />} />
         </Routes>
       </main>
     </div>

src/components/Navbar.jsx

@@ -17,6 +17,7 @@ export default function Navbar({ theme, toggleTheme }) {
         <li><NavLink to="/pets">Pets</NavLink></li>
         <li><NavLink to="/covid">COVID-19</NavLink></li>
         <li><NavLink to="/taskflow">TaskFlow</NavLink></li>
+        <li><NavLink to="/github-profile-analyzer">GitHub Profile Analyzer</NavLink></li>
         <li className="theme-item">
           <button 
             className="theme-toggle"