Back to Blog
Portfolio Website Preview

My Portfolio Website

PortfolioNext.jsTailwind CSSTypeScriptAzure Static Web Apps

Jitendotexe Portfolio

This is the source code for my personal portfolio website.

Live SiteSource Code

HTML5 CSS3 JavaScript Next.js Tailwind CSS TypeScript Azure Static Web Apps


Table of Contents


Design

Fonts

  • Inter – primary sans-serif font (via next/font/google)

    Inter Preview

  • Space Mono – monospaced code font (via next/font/google)

    Space Mono Preview

Color Scheme

  • --background: #FAFAFA
  • --foreground: #0A0A0A
  • --primary: #17E9D1
  • --accent: #FF2DA0
  • --cyber-green: #17e98b
  • --secondary: #E5E7EB
  • --muted: #E5E7EB
  • --destructive: #F14A4A
  • --border/--input: #E4E7EF
  • --ring: #17E9D1

Color Palette


Tech I Used

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React 18
  • Next.js 15 (App Router)
  • Tailwind CSS 3.4
  • Framer Motion
  • Lucide React & React Icons
  • Biome, ESLint, Stylelint
  • Azure Static Web App
  • Caddy Web Server
  • Git

Getting Started

  1. Clone the repo:

    git clone https://github.com/jitenadk/portfolio_site_v2.1.git
    cd portfolio_site_v2.1
    
  2. Install dependencies:

    npm install
    # or yarn install
    
  3. Start development server:

    npm run dev
    # or yarn dev
    
  4. Visit http://localhost:3000.


Creator

Jiten Adhikari

Gmail GitHub LinkedIn


License

© 2024–2025 Jiten Adhikari {/* © 2024– Jiten Adhikari */}

Licensed under the MIT License.

My Portfolio Website | jitendotexe