Portfolio

KO | EN

gitlite — search

#javascript #python #hacktoberfest #machine-learning #rust #deep-learning #docker #macos #nodejs #kubernetes #vue #pytorch #mcp #open-source

(★ 25)

A clean, responsive portfolio website built with Next.js and Tailwind CSS to showcase projects, blogs, and contact info, featuring dark/light mode and smooth animations.

Portfolio 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🌐 Personal Portfolio - Sri Ram S.

Welcome to my personal portfolio website built with **Next.js** and **Tailwind CSS**. This portfolio showcases my projects, skills, blog posts, and a contact form for collaboration or inquiries. It also supports **dark/light mode**, smooth **animations**, and a responsive design.

## 🔗 Live Demo

Check out the live version here: [https://srirram291.vercel.app/](https://sriram291-eosin.vercel.app/)

## 📸 Features

* 🌓 Dark/Light Mode Toggle
* 💻 Tech Stack Overview
* 📂 Project Showcase
* ✍️ Blog Section
* 📬 Contact Form with form validation
* ⚡ Smooth animations using Framer Motion
* 📱 Responsive Design

## 🛠️ Tech Stack

* [Next.js](https://nextjs.org/)
* [React](https://reactjs.org/)
* [Tailwind CSS](https://tailwindcss.com/)
* [Framer Motion](https://www.framer.com/motion/)
* [Vercel](https://vercel.com/) for deployment

## 📁 Project Structure

```
/public         # Static assets
/components     # Reusable components (Navbar, Footer, Cards, etc.)
/pages
  ├── index.tsx         # Home page
  ├── about.tsx         # About Me
  ├── projects.tsx      # Portfolio Projects
  ├── achievments.tsx              # Blog pages
  └── contact.tsx       # Contact form
/styles         # Global and component-level styles
/utils          # Utility functions
```

## 🚀 Getting Started

### Prerequisites

* Node.js (>=18.x recommended)
* npm or yarn

### Installation

1. Clone the repository

```bash
git clone https://github.com/sriram2915/Portfolio.git
cd Portfolio
```

2. Install dependencies

```bash
npm install
# or
yarn install
```

3. Run the development server

```bash
npm run dev
# or
yarn dev
```

4. Open [http://localhost:3000](http://localhost:3000) in your browser.

## 📝 Customization

* Update your personal details in `components/About.tsx` and `pages/index.tsx`.
* Add your projects to `components/ProjectCard.tsx` or a data file.
* Update theme settings in `tailwind.config.js`.

## 📧 Contact

Feel free to reach out via the contact form on the site or email me at **[sriramsekar28@gmail.com](mailto:sriramsekar28@gmail.com)**

Made with ❤️ by **Sri Ram S.**
<p align="center">
 ✨ _"The only way to do great work is to love what you do." — Steve Jobs_ ✨
</p>

Portfolio

Portfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Portfolio

Portfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README