javlonbek1233/portfolie-2

★ 12TypeScriptAudience · generalComplexity · 1/5Setup · hard

Mindmap

mindmap
  root((portfolie-2))
    What it is
      Developer portfolio
      Project showcase
      Contact page
    Tech Stack
      TypeScript
      React and Next.js
      Tailwind CSS
      Framer Motion
      Node.js and MongoDB
    Projects Shown
      Creative studio site
      Cloud dashboard
      E-commerce store
      Music player
    Audience
      Recruiters
      Developers browsing
      Design inspiration

mindmap root((portfolie-2)) What it is Developer portfolio Project showcase Contact page Tech Stack TypeScript React and Next.js Tailwind CSS Framer Motion Node.js and MongoDB Projects Shown Creative studio site Cloud dashboard E-commerce store Music player Audience Recruiters Developers browsing Design inspiration

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Browse a full-stack developer's portfolio to see examples of animated React sites, dashboards, and an e-commerce store

USE CASE 2

Use this as a reference for how to combine Next.js, Tailwind CSS, and Framer Motion in a developer portfolio

Tech stack

TypeScriptJavaScriptReactNext.jsTailwind CSSFramer MotionNode.jsMongoDB

Getting it running

Difficulty · hard Time to first run · 1day+

No installation guide or local run instructions are provided, this is a personal showcase site, not a reusable template.

In plain English

This repository is a personal portfolio website built by Xaitboyev Javlonbek, a 16-year-old full-stack developer from Uzbekistan. The README is written primarily in Uzbek and serves as a developer profile and project showcase. The developer describes starting to code four years ago out of curiosity about how technology works, and has since built skills across both front-end and back-end development. On the front-end side the stack includes TypeScript, JavaScript, React (version 18 and 19), Next.js, Tailwind CSS, Sass, and animation libraries including Framer Motion. On the back-end side the tools are Node.js, Express.js, MongoDB, and Firebase. Deployments go to Vercel, Netlify, or Google Cloud Run. The README lists six featured projects shown in the portfolio: a creative studio portfolio site with animated transitions, a cloud management dashboard with charts and analytics, a luxury e-commerce store for jewelry, a futuristic audio-visual control panel with a sound generator, a web3-styled developer guide, and a minimalist music player with an audio waveform visualizer. The self-reported stats are over 100,000 lines of code written, more than 30 completed projects, and over 2,500 hours of development time. The README notes an interest in staying current with new library releases and best practices. There is no installation guide, no project setup instructions, and no description of how to run the code locally. This is a showcase and contact page rather than a deployable tool or library.

Copy-paste prompts

Prompt 1

I want to build a developer portfolio similar to this one using Next.js, Tailwind CSS, and Framer Motion. Give me a project structure and starter layout with animated page transitions.

Prompt 2

Help me recreate an audio waveform visualizer component in React using the Web Audio API that animates in sync with a playing track.

Prompt 3

Show me how to build an animated project card gallery in Next.js with Framer Motion that reveals each card on scroll.

Open on GitHub → Explain another repo

← javlonbek1233 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.