Loading repository data…
Aryanjstar / repository
A responsive portfolio built with React.js, Next.js, Three.js and Tailwind CSS, featuring animations, bento grids, and seamless Netlify deployment. It highlights my projects, skills, and growth as a developer. Feedback is welcome! 🚀
A modern, multi-page developer portfolio featuring interactive 3D elements, scroll-driven animations, and a dedicated music showcase page. Designed to present technical expertise, production-grade projects, and creative pursuits in a recruiter-friendly format.
Production URL: https://aryanjaiswal.in
app/
├── page.tsx # Homepage — hero, highlights carousel, experience preview
├── experience/page.tsx # Full work experience with animated border cards
├── projects/page.tsx # Project showcase with 3D pin containers
├── resume/page.tsx # Detailed resume with downloadable PDF
└── notesbyaryan/page.tsx # Music covers — animated cards with Instagram links
components/
├── hero.tsx # Hero section with text-generate effect
├── grid.tsx # Bento grid layout (About section)
├── experience.tsx # Moving-border experience cards
├── resume.tsx # Full resume renderer (education, experience, projects, skills)
├── footer.tsx # Contact section with social links
└── ui/ # Reusable animated components
├── floating-nav.tsx # Sticky navigation bar
├── 3d-pin.tsx # 3D perspective card containers
├── moving-borders.tsx# Animated gradient border cards
├── spotlight.tsx # SVG spotlight effects
├── magic-button.tsx # Gradient hover button
└── text-generate-effect.tsx
data/
├── index.ts # Navigation, projects, experience, testimonials
└── performances.json # Music section data (songs, links, accents)
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router, Server Components) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Animations | Framer Motion |
| 3D Graphics | Three.js, React Three Fiber |
| Deployment | Netlify (auto-deploy on push to main) |
| Domain | Custom domain — aryanjaiswal.in |
git clone https://github.com/Aryanjstar/Aryan_Jaiswal_Portfolio_V1.git
cd Aryan_Jaiswal_Portfolio_V1
npm install
npm run dev
Open http://localhost:3000 in your browser.
npm run build
npm start
This project uses Netlify for continuous deployment. Every push to the main branch triggers an automatic build and deploy.
| Setting | Value |
|---|---|
| Build command | npm run build |
| Publish directory | .next |
| Node version | 20 |
| Framework preset | Next.js |
The custom domain aryanjaiswal.in is configured via Netlify DNS with automatic SSL.
| Route | Description |
|---|---|
/ | Hero with 3D globe, bento grid about section, career highlights carousel, experience preview |
/experience | Detailed work experience cards with animated moving borders |
/projects | Project showcase with 3D pin containers, live links, GitHub links, and demo videos |
/resume | Complete resume — education, experience, projects, skills, achievements with PDF download |
/notesbyaryan | Music covers page — profile hero, Spotify status, animated song cards linking to Instagram |
Aryan Jaiswal AI Engineer | Published Researcher | Full Stack Developer IIIT Dharwad '26
| Platform | Link |
|---|---|
| Portfolio | aryanjaiswal.in |
| GitHub | github.com/Aryanjstar |
| linkedin.com/in/aryanjstar | |
| aryanjstar3@gmail.com | |
| Instagram (Music) | @notesbyaryan |
MIT License — see LICENSE for details.
Selected from shared topics, language and repository description—not editorial ratings.
Mosss-OS /
A modern portfolio landing page with 3D interactive globe, data visualization, and responsive UI built with React, TypeScript, Vite, and Tailwind CSS