https://github.com/mrigankdoshy/personal-website-v2

Version 2 of my personal portfolio website, built using Next.js and hosted with Vercel
https://github.com/mrigankdoshy/personal-website-v2

framer-motion motion nextjs react tailwindcss vercel

Last synced: 11 days ago
JSON representation

Version 2 of my personal portfolio website, built using Next.js and hosted with Vercel

• Host: GitHub
• URL: https://github.com/mrigankdoshy/personal-website-v2
• Owner: mrigankdoshy
• License: mit
• Created: 2024-12-30T18:32:20.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-01-18T23:36:28.000Z (12 days ago)
• Last Synced: 2025-01-19T00:20:59.983Z (12 days ago)
• Topics: framer-motion, motion, nextjs, react, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://www.mrigankdoshy.com
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  mrigankdoshy.com





  v2 of a personal portfolio website built using Next.js and hosted with Vercel





  

  

    

  

  



## 👩🏻‍💻 Tech Stack

- ⚡️ [Next.js 15 with App Router](https://nextjs.org) — React framework for building fast, scalable web apps with file-based routing.

- ⚛️ [React 19](https://react.dev) — Library for building declarative, component-based UIs.

- ✨ [TypeScript](https://www.typescriptlang.org) — Statically typed superset of JavaScript for better error checking and maintainability.

- 🎨 [Tailwind CSS 3](https://tailwindcss.com) — Utility-first CSS framework for creating custom designs quickly.

- 💎 [Shadcn](https://ui.shadcn.com) — Collection of beautifully designed, customizable UI components.

- 🎬 [Framer Motion](https://motion.dev) — Library for creating smooth, interactive animations in React.

- 🔍 [ESLint](https://eslint.org) — Tool for identifying and fixing code issues, with import sorting.

- 💅 [Prettier](https://prettier.io) — Opinionated code formatter to maintain consistent style.

- 🐶 [Husky & Lint Staged](https://typicode.github.io/husky) — Pre-commit hooks for running scripts on staged files.

- 🤖 [Conventional Commit Lint](https://www.conventionalcommits.org/en/v1.0.0/) — Enforces consistent commit message style with Conventional Commits.

- 📦 [Release Please](https://github.com/googleapis/release-please) — Automates changelog generation and versioning.

- 🪃 [Absolute Import and Path Alias](https://nextjs.org/docs/app/building-your-application/configuring/absolute-imports-and-module-aliases) — Simplifies imports with the `@/` prefix.

- 🗺 [Site Map](https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap) — Automatically generates a `sitemap.xml` for SEO.

- 🔺 [Vercel](https://vercel.com/) — Platform for serverless deployments with automatic scaling and continuous deployment.

## 🚀 Building and Running

First, clone this repository to your local machine using Git and give it a name:

```bash

git clone https://github.com/mrigankdoshy/personal-website-v2.git your-repo-name

```

Navigate to the project folder and install the necessary dependencies:

```bash

cd your-repo-name

pnpm install

```

Start the development server locally by running:

```bash

pnpm dev

```

This will launch the app in your browser, typically at `http://localhost:3000`.

To build the app for production, use the following command:

```bash

pnpm build

```

## ⚠️ Disclaimer

Feel free to fork this repository and use parts of the code for your own website. However, I encourage you to use this as a learning tool and ask that you modify the theme and widgets to make it your own, and have fun with React!

I've spent a non-trivial amount of effort building and redesigning this iteration of my website. If you decide to make use of this project, I'd appreciate being credited as the developer (by linking back to mrigankdoshy.com).

And obviously, I do not give permission to present any of my information or projects as your own.