Skip to content

Repository files navigation

Apoorv Darshan profile icon

Apoorv Darshan

Apoorv Darshan’s corner of the internet — apps, experiments, open source, experience, and ideas.

Visit the website · GitHub profile · LinkedIn

About

This repository powers apoorvdarshan.com, a minimal editorial profile inspired by the clarity of a personal essay rather than a conventional portfolio dashboard.

It brings together shipped apps, games, Chrome extensions, projects, open-source contributions, live repository star counts, GitHub activity, experience, education, recognition, and links from around the web.

Highlights

  • Light and dark themes with a persistent preference
  • Responsive, typography-led interface using Newsreader
  • Smooth internal navigation with dedicated expanded pages
  • Live merged GitHub contribution graph styled for both themes
  • Repository star counts only where the GitHub profile README includes them
  • Collapsible Random Facts section
  • Complete favicon and installable web-app icon set
  • Automatic deployment to Cloudflare Workers after pushes to main

Pages

RouteContent
/Complete profile overview
/experienceAll professional experience
/educationComplete education history
/projectsAll listed projects
/open-sourceAll open-source contributions

Content model

The website deliberately keeps its data sources separate:

Running the development server or creating a production build refreshes the generated GitHub snapshot automatically. If GitHub is temporarily unavailable, the committed snapshot remains usable.

Stack

  • React
  • Vite
  • Vanilla CSS
  • Cloudflare Workers static assets
  • GitHub-connected automatic deployments

Local development

git clone https://github.com/aopv/profile.git
cd profile
npm install
npm run dev

The site runs at http://localhost:3000.

Commands

CommandPurpose
npm run sync-profileRefresh generated content from the GitHub profile README
npm run devSync content and start Vite on port 3000
npm run lintRun ESLint
npm run buildSync content and create the production build
npm run previewPreview the production build on port 3000
npm run deployBuild and deploy manually with Wrangler

Project structure

public/ Fonts, favicon, and web-app icons
scripts/sync-profile-readme.mjs GitHub README synchronization
src/App.jsx Interface, routes, and page sections
src/linkedinEducation.js Verified education snapshot
src/linkedinExperience.js Verified experience snapshot
src/profileData.generated.json Generated GitHub profile data
src/styles.css Typography, themes, and responsive layout
wrangler.jsonc Cloudflare Workers configuration

Deployment

The production site is hosted on Cloudflare Workers at apoorvdarshan.com. The repository is connected to Cloudflare Workers Builds, so every push to main runs:

npm run build
npx wrangler deploy

The custom domain is configured directly in wrangler.jsonc; Workers preview URLs are disabled.

Releases

Sponsor this project

Packages

Contributors

Languages