Skip to content

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.

Notifications You must be signed in to change notification settings

Sujeethy/Portfolio

Repository files navigation

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:
    git clone https://github.com/Sujeethy/Portfolio.git
  2. Navigate to the project directory:
    cd Portfolio
  3. Install dependencies:
    npm install
  4. Run the development server:
    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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published