Skip to content

Repository files navigation

Rahul Arora — Full-Stack Developer Portfolio

A responsive portfolio presenting Rahul Arora's verified projects, GitHub progress, professional experience, technical range, resume, and contact information.

Rahul Arora portfolio social preview

Features

  • Responsive editorial layout for mobile, tablet, and desktop
  • Filterable project case studies with verified GitHub links
  • Light and dark presentation modes
  • Animated capability ticker and project interactions
  • Accessible semantic navigation, labels, focus states, and reduced-motion support
  • Viewable and downloadable resume actions across desktop and mobile layouts
  • Dated GitHub progress snapshot with public repository links and achievements
  • Grouped, verified technology stack with highlighted core skills
  • LinkedIn-verified experience, education, and technical credentials
  • Proof bar, richer project callouts, native scroll reveals, and visible focus states
  • Project enquiry form that prepares a prefilled email
  • Personalized Open Graph and X social metadata
  • Custom favicon and social preview card

Featured projects

Project Focus Technologies
DriveTest Role-based driver testing and appointment workflows Node.js, Express, MongoDB, EJS
Employee Management System Employee records through a React client and GraphQL API React, GraphQL, Apollo Server, Express, MongoDB
HealthMate Patient workflows, records, and reports React, Express, MongoDB, REST
The Comic Shop Responsive product discovery and commerce PHP, MySQL, JavaScript, CSS
Paws-Claws Responsive pet-shop storefront and content experience React, React Router, Bootstrap, JavaScript

Technology stack

  • Application: Next.js 16, React 19, TypeScript
  • Styling: Native responsive CSS
  • Build: Standard Next.js production build
  • Hosting: Platform-independent Next.js deployment
  • Testing: Node.js native test runner

No database or custom backend is required. Project data is intentionally stored with the page content, and the contact form uses the visitor's configured email client.

Getting started

Requirements

  • Node.js 22.13 or newer
  • npm

Installation

cd Portfolio
npm install
npm run dev

Open http://localhost:3000.

Available commands

Command Purpose
npm run dev Start the local development server
npm run build Create the production build
npm test Build and run the rendered-page check
npm run lint Run ESLint
npm run start Start the production build locally

Project structure

Portfolio/
├── app/
│   ├── globals.css          # Design system and responsive styles
│   ├── layout.tsx           # Root layout and social metadata
│   └── page.tsx             # Portfolio content and interactions
├── public/
│   ├── favicon.svg
│   ├── og.png
│   └── rahul-arora-resume.pdf
├── tests/
│   └── rendered-html.test.mjs
├── CHANGELOG.md
├── next.config.ts
├── ROADMAP.md
└── package.json

Updating portfolio content

  • Edit project entries, GitHub figures, skills, experience, contact details, and page copy in app/page.tsx.
  • Edit the visual system and responsive breakpoints in app/globals.css.
  • Edit title, description, and social metadata in app/layout.tsx.
  • Replace public/og.png when the visual identity or headline changes.
  • Run npm test before committing.

See Architecture for runtime and implementation details and Roadmap for completed work and future content updates.

Deployment

The portfolio uses a standard Next.js build and can be deployed to any compatible Node.js hosting provider. Run npm test before deploying.

Deployment credentials, generated output, environment files, and local tooling metadata must not be committed.

Contact

License

This repository is a personal portfolio. No reuse license has been granted.

About

Full-stack developer portfolio showcasing responsive case studies, technical skills, and project experience built with Next.js, React, and TypeScript.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages