https://github.com/santhoshpandi/portfolio
A portfolio website developed using React,Tailwind,Vite. It is also a responsive website available for both pc and mobile.
https://github.com/santhoshpandi/portfolio
beginer-projects beginner-friendly beginner-project frontend personal-website portfolio portfolio-template portfolio-website react responsive software tailwind template typescript vite web web-develpment website website-template
Last synced: about 2 months ago
JSON representation
A portfolio website developed using React,Tailwind,Vite. It is also a responsive website available for both pc and mobile.
- Host: GitHub
- URL: https://github.com/santhoshpandi/portfolio
- Owner: santhoshpandi
- Created: 2025-01-03T12:41:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-03-13T08:48:12.000Z (3 months ago)
- Last Synced: 2026-03-13T20:16:11.594Z (3 months ago)
- Topics: beginer-projects, beginner-friendly, beginner-project, frontend, personal-website, portfolio, portfolio-template, portfolio-website, react, responsive, software, tailwind, template, typescript, vite, web, web-develpment, website, website-template
- Language: TypeScript
- Homepage: https://santhoshpandi.github.io/portfolio/
- Size: 23.9 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio 📺
Welcome to my portfolio website👋! This site showcases my work, skills, and experience as a Developer. Feel free to browse through my projects and learn more about me.
## About 🔊
A portfolio website developed using React, Typescript, Tailwind, Vite. It is also a responsive website available for both pc and mobile.
## Live Demo 📤
Developed by Santhosh Pandi 💕
[Live Demo👆](https://santhoshpandi.github.io/portfolio/)
## ScreenShots 🤿
## Features 🚀
- **Responsive Design**: The site is designed to be fully responsive, ensuring it looks great on any device, whether it's a desktop, or smartphone.
- **Projects**: A showcase of my most recent work and personal projects.
- **Certifications**: A showcase of my most recently gained certificates.
- **Skills**: A section where I highlight the programming languages, tools, and technologies I am proficient in.
- **Contact**: A contact form or my contact details for potential opportunities.
## Technologies Used 🔨
This portfolio was built using the following technologies:
- **React** : For structuring the content of the site.
- **TailwindCSS** : A utility-first CSS framework for custom styling.
- **GitHub Pages**: For hosting the portfolio site.
## Getting Started 🏃♂️
To view or contribute to this project locally, follow these steps:
### 1. Clone the repository
```
git clone https://github.com/santhoshpandi/portfolio.git
```
### 2. Move to the Directory
```
cd portfolio
```
### 3. Edit your Data in `src/data/data.json`
```ts
{
name: string,
email: string,
about: string[],
roles: string[],
links: Link[],
certifications: Certification[],
technologies: Technology[],
projects: Project[]
}
```
### 4. Install packages
```
npm install
```
### 5. Start the Server
```
npm run dev
```
The website will be available at http://localhost:5173