Skip to content
View Yash-Sakre's full-sized avatar

Block or report Yash-Sakre

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Yash-Sakre/README.md

Yash Sakre — Portfolio

A minimal, fast, single-page portfolio built with a modern TypeScript-first stack.

Stack

  • Next.js 16 (App Router) + React 19
  • Tailwind CSS v4 with OKLCH design tokens (red primary accent)
  • next-themes — dark / light theme switcher (defaults to dark)
  • Motion (motion/react) — subtle scroll reveals
  • lucide-react — icons (brand icons are inline SVG in src/components/icons.tsx)
  • shadcn-style UI primitives (cva + tailwind-merge)

Getting started

pnpm install
pnpm dev      # http://localhost:3000

Other scripts:

pnpm build    # production build
pnpm start    # serve the production build
pnpm lint     # eslint

Editing content

All copy lives in one file: src/lib/data.ts. Update your profile, experience, tech stack, projects, and links there — every section reads from it. Nothing else needs to change for a content update.

  • profile — name, role, tagline, summary, email, phone, location
  • socials — GitHub / LinkedIn / email
  • experiences — work history (Intozi) with per-role highlights
  • skillGroups — tech stack, grouped
  • projects — set featured: true on one to give it the large hero card
  • education / achievements

Structure

src/
├─ app/
│  ├─ layout.tsx        # fonts, metadata, ThemeProvider, Navbar + Footer shell
│  ├─ page.tsx          # assembles the sections
│  ├─ globals.css       # Tailwind v4 + design tokens (light/dark)
│  └─ icon.svg          # favicon
├─ components/
│  ├─ sections/         # hero, experience, tech-stack, projects, contact
│  ├─ ui/               # button, badge primitives
│  ├─ navbar.tsx · footer.tsx · theme-toggle.tsx · reveal.tsx · …
└─ lib/
   ├─ data.ts           # ← single source of truth for content
   └─ utils.ts          # cn() helper

Customization notes

  • Primary color: change --primary (and --ring) in src/app/globals.css.
  • Theme default: defaultTheme in src/app/layout.tsx.
  • Metadata / OG: update metadataBase in src/app/layout.tsx to your real domain once deployed.
  • Resume download: drop resume.pdf into public/ and wire a link in the hero or nav if you want a download button.

Deploy

Deploys as static output anywhere; easiest on Vercel.

Pinned Loading

  1. Hacktoberfest-Project-Ideas Hacktoberfest-Project-Ideas Public

    Forked from praveenscience/FinalYear-Project-Ideas

    Instead of just adding your name and email, why not create a list of project ideas?

  2. Ayush7614/Daily-Coding-DS-ALGO-Practice Ayush7614/Daily-Coding-DS-ALGO-Practice Public

    A open source project🚀 for bringing all interview💥💥 and competative📘 programming💥💥 question under one repo📐📐

    C++ 323 472

  3. praveenscience/FinalYear-Project-Ideas praveenscience/FinalYear-Project-Ideas Public

    Instead of just adding your name and email, why not create a list of project ideas?

    802 283

  4. akshitadixit/VCallZer akshitadixit/VCallZer Public

    Project that facilitates anonymity while connected over a video call, by concealing the face as well as modulating the voice.

    Python 16 26

  5. Python-Opencv Python-Opencv Public

    This Repository contain Opencv Projects in python

    Python 2