>_ prem.dev

building software that feels effortless.

+ status : shipping
+ stack  : html · css · javascript
+ vibe   : dark · minimal · terminal-core

⟢ what's inside

A single-file portfolio. No build step. No node_modules. No framework tax. Open index.html, that's the whole app. 🪐 rotating skill orbit instead of a boring list 📈 scroll-linked journey timeline 📱 real project screenshots in phone mockups ✉️ working contact form (Formspree) 🎬 rising, staggered hero entrance 🌓 respects prefers-reduced-motion

prem-portfolio/ ├─ index.html → everything lives here ├─ lumina.png → Hotel Lumina screenshot ├─ quicklink.png → URL Shortener screenshot ├─ Prem_..._Resume.pdf └─ README.md → you are here

⟢ how a visitor flows through it

flowchart TD
    A["🏠 Hero<br/>rising entrance"] --> B["👤 About<br/>word-lit on scroll"]
    B --> C["🪐 Skills<br/>rotating orbit"]
    C --> D["🧩 Projects<br/>Lumina · QuickLink"]
    D --> E["🛤️ Journey<br/>animated timeline"]
    E --> F["🎓 Education<br/>Brainware Univ."]
    F --> G["✉️ Contact<br/>Formspree"]

    style A fill:#0a0f0d,stroke:#39ff88,stroke-width:2px,color:#eef7f1
    style B fill:#0a0f0d,stroke:#39ff88,stroke-width:1px,color:#eef7f1
    style C fill:#0a0f0d,stroke:#ffb454,stroke-width:2px,color:#eef7f1
    style D fill:#0a0f0d,stroke:#39ff88,stroke-width:2px,color:#eef7f1
    style E fill:#0a0f0d,stroke:#ffb454,stroke-width:1px,color:#eef7f1
    style F fill:#0a0f0d,stroke:#39ff88,stroke-width:1px,color:#eef7f1
    style G fill:#0a0f0d,stroke:#39ff88,stroke-width:2px,color:#eef7f1

Loading

⟢ tech radar

Core

Frontend

Backend

Data & ML

Tools

⟢ featured builds

project	stack	live
🏨 Hotel Lumina luxury dining meets seamless reservations	React Node Express MySQL	visit ↗
🔗 URL Shortener 2.0 short links, smart analytics	Node Express MongoDB	visit ↗

⟢ run it

# clone
git clone https://github.com/techprem324/<this-repo>.git
cd <this-repo>

# just open it — zero dependencies
open index.html          # macOS
start index.html         # Windows

# or serve it properly
python3 -m http.server 8000

⟢ deploy — GitHub Pages, 60 seconds

flowchart LR
    A[📁 push to<br/>main branch] --> B[⚙️ Settings<br/>→ Pages]
    B --> C[🌿 branch: main<br/>folder: /root]
    C --> D[🚀 live at<br/>username.github.io]
    style A fill:#0a0f0d,stroke:#39ff88,color:#eef7f1
    style B fill:#0a0f0d,stroke:#39ff88,color:#eef7f1
    style C fill:#0a0f0d,stroke:#39ff88,color:#eef7f1
    style D fill:#0a0f0d,stroke:#ffb454,stroke-width:2px,color:#eef7f1

Loading

Push → Settings → Pages → pick main / root → done. No CI, no build, no config files.

⟢ making it yours

swap the contact form

Find this line near the bottom of index.html:

const FORM_ID="xdekdbyd";

Replace xdekdbyd with your own Formspree form ID.

update the resume

Drop a new PDF into the folder named exactly:

Prem_Kumar_Srivastava_Resume.pdf

The download button picks it up automatically — no code changes needed.

replace project screenshots

Overwrite lumina.png / quicklink.png with new images of the same name and dimensions.

---

_{built line by line by Prem Kumar Srivastava · Kolkata, India}