https://github.com/codex-mohan/portfolio

My personal Portfolio
https://github.com/codex-mohan/portfolio

Last synced: 10 months ago
JSON representation

My personal Portfolio

• Host: GitHub
• URL: https://github.com/codex-mohan/portfolio
• Owner: codex-mohan
• License: mit
• Created: 2025-07-06T18:00:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-07T07:59:48.000Z (11 months ago)
• Last Synced: 2025-07-07T08:46:15.577Z (11 months ago)
• Language: TypeScript
• Size: 83 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# My Amazing Portfolio ✨

Welcome to my personal portfolio website! This project showcases my skills, experience, and projects as a software engineer. Built with modern web technologies, it's designed to be fast, responsive, and visually appealing.

## Features 🚀

- **Interactive Hero Section:** Engaging introduction with animations.

- **About Me:** Details about my background and journey.

- **Skills Showcase:** Highlighting my technical expertise with badges.

- **Projects Portfolio:** Demonstrating my work with project cards.

- **Experience Timeline:** Visual representation of my professional history.

- **Contact Form:** Easy way to get in touch.

- **Responsive Design:** Optimized for various devices.

- **Dark Mode:** (Assuming based on `next-themes` dependency)

## Tech Stack 🛠️

This project is built using the following technologies:

[![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)](https://nextjs.org/)

[![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)](https://react.dev/)

[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-06TA4E?style=for-the-badge&logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)

[![Framer Motion](https://img.shields.io/badge/Framer%20Motion-0055FF?style=for-the-badge&logo=framer&logoColor=white)](https://www.framer.com/motion/)

[![Radix UI](https://img.shields.io/badge/Radix%20UI-161618?style=for-the-badge&logo=radix-ui&logoColor=white)](https://www.radix-ui.com/)

[![Lucide React](https://img.shields.io/badge/Lucide%20React-292929?style=for-the-badge&logo=lucide&logoColor=white)](https://lucide.dev/guide/packages/lucide-react)

[![Zod](https://img.shields.io/badge/Zod-3E67F3?style=for-the-badge&logo=zod&logoColor=white)](https://zod.dev/)

[![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-EC5990?style=for-the-badge&logo=reacthookform&logoColor=white)](https://react-hook-form.com/)

Other notable libraries include:

- `@emotion/is-prop-valid`

- `autoprefixer`

- `class-variance-authority`

- `clsx`

- `cmdk`

- `date-fns`

- `embla-carousel-react`

- `input-otp`

- `next-themes`

- `react-day-picker`

- `react-icons`

- `react-resizable-panels`

- `recharts`

- `sonner`

- `tailwind-merge`

- `tailwindcss-animate`

- `vaul`

## Getting Started ⚙️

To get a local copy up and running, follow these steps:

1. Clone the repository:

   ```bash

   git clone 

   ```

2. Install dependencies using pnpm:

   ```bash

   pnpm install

   ```

3. Run the development server:

   ```bash

   pnpm run dev

   ```

4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Deployment 🌐

This project can be easily deployed to platforms like Vercel, Netlify, or any other hosting provider that supports Next.js applications.

## License 📄

Distributed under the MIT License. See [`LICENSE`](LICENSE) for more information.

## Contact 👋

Mohana Krishna aka Codex Mohan - codex-mohan@gmail.com