Log inSign up
project logo

akashgoel

portfolio

Public
Remixed
Starter template with client-side React & Hono server
Edit with AI
1 Branch
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
index.ts
README.md

Akash Goel — Portfolio

A personal portfolio page: a gradient hero header with avatar, an "About me" section, and a grid of project cards.

✏️ How to edit

Everything you'd want to change lives in one file: frontend/components/content.ts

  • profile — your name, tagline, and intro line
  • about — paragraphs about yourself (one string per paragraph)
  • projects — your project cards (title, description, optional link, emoji)
  • links — contact / social links in the footer

No need to touch the React components unless you want to change the layout or the look of the hero banner (in Header.tsx).

Architecture

Rendering mermaid diagram...

File structure

index.ts                      ← Hono backend (serves the frontend)
frontend/
  index.html                  ← HTML shell (Twind + React)
  index.tsx                   ← React entrypoint
  components/
    App.tsx                   ← Root layout + footer
    Header.tsx                ← Hero banner (inline SVG) + avatar
    About.tsx                 ← "About me" section
    Projects.tsx              ← Project cards grid
    content.ts                ← 👈 ALL your editable content

Styling is Twind (Tailwind utility classes, no build step). The hero "stock photo" is an inline SVG gradient so nothing depends on external image hosting.