https://github.com/yashdev9274/my-portfolio
https://github.com/yashdev9274/my-portfolio
Last synced: 14 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/yashdev9274/my-portfolio
- Owner: yashdev9274
- License: mit
- Created: 2026-02-05T18:51:17.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-03-21T07:51:56.000Z (3 months ago)
- Last Synced: 2026-03-21T22:41:42.069Z (3 months ago)
- Language: TypeScript
- Size: 26.2 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Sleek Portfolio by Yash Dewasthale
A modern, responsive portfolio website built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. Features a blog system, project showcase, work experience timeline, and contact form with Telegram integration.
## Deploy
Click here to your portfolio template now:
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Framxcodes%2Fsleek-portfolio&env=TELEGRAM_BOT_TOKEN,TELEGRAM_CHAT_ID,GEMINI_API_KEY,NEXT_PUBLIC_URL,NEXT_PUBLIC_UMAMI_SRC,NEXT_PUBLIC_UMAMI_ID)
## Features
- **Next.js 15** with App Router
- **Tailwind CSS** for styling
- **Shadcn UI** components
- **Dark/Light** mode
- **Responsive** design
- **MDX** for blog posts and project details
- **Contact Form** with Telegram integration
- **SEO** optimized
- **TypeScript** for type safety
- **Umami Analytics** for privacy-focused web analytics
## Prerequisites
Before you begin, ensure you have the following installed:
- Node.js (v18 or higher)
- Bun (preferred) or npm
```env
NEXT_PUBLIC_UMAMI_SRC="https://[your-umami-instance]/script.js"
NEXT_PUBLIC_UMAMI_ID="your-website-id"
```
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/ramxcodes/sleek-portfolio.git
cd sleek-portfolio
```
2. Install dependencies:
```bash
# Using bun (recommended)
bun install
# Using npm
npm install
```
3. Run the development server:
```bash
# Using bun
bun dev
# Using npm
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Configuration
The project uses configuration files in the `src/config` directory for easy customization:
- `About.tsx` - About section content
- `Contact.tsx` - Contact form settings
- `Experience.tsx` - Work experience details
- `Footer.tsx` - Footer links and content
- `Gears.tsx` - Setup/gear section
- `Hero.tsx` - Hero section content
- `Meta.tsx` - SEO and metadata
- `Navbar.tsx` - Navigation links
- `Projects.tsx` - Project showcase settings
- `Quote.ts` - Random quotes configuration
- `Resume.ts` - Resume section details
- `Setup.tsx` - Development setup information
- `cat.ts` - Enable disable the cat
## Adding New Technology Icons
1. Visit [Devicon](https://devicon.dev/) to find the icon you want to add
2. Create a new component in `src/components/technologies/`
3. Follow the existing component structure for consistency
Example:
```tsx
export const NewTechIcon = () => {
return // SVG content from devicon;
};
```
## Adding Content
### Blog Posts
1. Create a new MDX file in `src/data/blog/`
2. Add metadata and content following existing post structure
3. Add blog thumbnail in `public/blog/`
### Projects
1. Create a new MDX file in `src/data/projects/`
2. Add metadata and content following existing project structure
3. Add project thumbnail in `public/project/`
---
Built with ❤️ by Yash!