URL: https://lovable.dev/projects/3476d67f-2bf2-4381-a33b-6598a9c03239

This portfolio now automatically fetches and displays data from GitHub:

• Dynamic Experience Calculation: Automatically calculates experience from September 2023 to present
• Real-time Repository Data: Fetches all public repositories with stats (stars, forks, languages)
• Live Project Count: Shows actual number of completed projects from GitHub
• GitHub Stats Dashboard: Displays total stars, forks, and languages used
• Featured Projects: Automatically showcases top repositories based on engagement
• Search & Filter: Full repository browsing with search and language filtering

• React Query: Efficient data fetching with caching and error handling
• TypeScript: Full type safety for GitHub API responses
• Responsive Design: Beautiful UI that works on all devices
• Real-time Updates: Data refreshes automatically every 5 minutes

There are several ways of editing your application.

Use Lovable

Simply visit the Lovable Project and start prompting.

Changes made via Lovable will be committed automatically to this repo.

Use your preferred IDE

If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.

The only requirement is having Node.js & npm installed - install with nvm

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

Edit a file directly in GitHub

• Navigate to the desired file(s).
• Click the "Edit" button (pencil icon) at the top right of the file view.
• Make your changes and commit the changes.

Use GitHub Codespaces

• Navigate to the main page of your repository.
• Click on the "Code" button (green button) near the top right.
• Select the "Codespaces" tab.
• Click on "New codespace" to launch a new Codespace environment.
• Edit files directly within the Codespace and commit and push your changes once you're done.

This project is built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS
• React Query (TanStack Query)
• GitHub API Integration

• GET /users/arjun-computer-geek/repos - Fetch all repositories
• GET /repos/{owner}/{repo}/topics - Fetch repository topics

Experience is automatically calculated from September 1, 2023 to the current date, providing accurate year/month breakdown.

• Repository data: 5 minutes stale time, 30 minutes cache
• Experience calculation: 1 hour stale time, 24 hours cache
• Automatic retry with exponential backoff

• Graceful fallbacks for API failures
• Loading states for better UX
• Error boundaries for component-level error handling

Simply open Lovable and click on Share -> Publish.

Yes, you can!

• ✅ Automatic experience calculation from September 2023
• ✅ Real-time GitHub repository fetching
• ✅ Dynamic project count and stats
• ✅ Featured projects showcase
• ✅ Search and filter functionality
• ✅ Responsive design with loading states
• ✅ Error handling and fallbacks