https://github.com/sujeethy/portfolio
This is my personal portfolio website, showcasing my skills, projects, and experience. It is designed to be responsive, featuring a clean and modern interface to highlight my professional work.
https://github.com/sujeethy/portfolio
animation-css nextjs random-image-generator reactjs responsive-design tailwind
Last synced: 4 months ago
JSON representation
This is my personal portfolio website, showcasing my skills, projects, and experience. It is designed to be responsive, featuring a clean and modern interface to highlight my professional work.
- Host: GitHub
- URL: https://github.com/sujeethy/portfolio
- Owner: Sujeethy
- Created: 2024-06-26T20:45:00.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-08-31T22:48:51.000Z (10 months ago)
- Last Synced: 2025-01-08T18:49:05.647Z (5 months ago)
- Topics: animation-css, nextjs, random-image-generator, reactjs, responsive-design, tailwind
- Language: TypeScript
- Homepage: https://portfolio-gold-delta-54.vercel.app
- Size: 23.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio
This is my personal portfolio website, showcasing my skills, projects, and experience. It is designed to be responsive, featuring a clean and modern interface to highlight my professional work.
## Features
- **Hero Section**: Introduction with a typewriter effect, random anime image, and quick navigation to projects.
- **About Section**: Information about me, my background, and my skills displayed with relevant icons.
- **Experience Section**: Timeline of my professional experiences with animations triggered on scroll.
- **Projects Section**: A gallery of my projects, each with a description, image, and links to GitHub and live demos.
- **Responsive Navbar**: Smooth scrolling between sections and a theme toggle (light/dark mode).
## Technologies Used
- **Next.js**: React framework for building fast and SEO-friendly web applications.
- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.
- **React Icons**: Icons library for easily adding icons to React applications.
- **Typewriter Effect**: Simple typewriter animation for dynamic text.
## Setup and Installation
1. Clone the repository:
```bash
git clone https://github.com/Sujeethy/Portfolio.git
```
2. Navigate to the project directory:
```bash
cd Portfolio
```
3. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. Open your browser and go to `http://localhost:3000` to view the portfolio.
## Customization
To customize the portfolio, you can modify the components in the `components/` directory:
- **HeroSection.tsx**: Update the introduction and typewriter text.
- **AboutSection.tsx**: Add or change skills and about me content.
- **ExperienceSection.tsx**: Modify professional experiences and their descriptions.
- **ProjectsSection.tsx**: Add or update projects, including descriptions, images, and links.
## Deployment
You can deploy this portfolio to Vercel (recommended for Next.js apps) or any other hosting service that supports static websites.