Skip to content

RITHVIk-BIRWAZ/portfolio-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rithvik Poojary - Portfolio Website

A modern, animated portfolio website built with React, showcasing my skills, projects, and experience in AI & Data Science.

🌐 Live Demo: View Portfolio (if deployed)
📦 Repository: GitHub

🚀 Features

  • Modern UI Design - Clean, professional interface with gradient accents
  • Smooth Animations - Powered by Framer Motion for engaging user experience
  • Fully Responsive - Optimized for all device sizes
  • Interactive Sections - Hero, Education, Skills, Projects, Languages, Certificates
  • Smooth Scrolling Navigation - Fixed navbar with active section highlighting
  • Dark Theme - Easy on the eyes with modern color scheme

🛠️ Tech Stack

  • React - UI library
  • Vite - Build tool and dev server
  • Framer Motion - Animation library
  • React Icons - Icon library
  • CSS3 - Custom styling with modern features

📦 Installation

  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Build for production:
npm run build
  1. Preview production build:
npm run preview

📁 Project Structure

src/
├── components/          # React components
│   ├── Navbar.jsx      # Navigation bar
│   ├── Hero.jsx        # Hero/Profile section
│   ├── Education.jsx   # Education section
│   ├── Skills.jsx      # Skills section
│   ├── Projects.jsx    # Projects section
│   ├── Languages.jsx   # Languages section
│   ├── Certificates.jsx # Certificates section
│   └── Declaration.jsx  # Declaration & Footer
├── App.jsx             # Main app component
├── App.css             # Global app styles
├── index.css           # Base styles
└── main.jsx            # Entry point

🎨 Customization

The portfolio is fully customizable. Update the content in each component file to reflect your own information:

  • Personal details in Hero.jsx
  • Education in Education.jsx
  • Skills in Skills.jsx
  • Projects in Projects.jsx
  • Languages in Languages.jsx
  • Certificates in Certificates.jsx

Color scheme can be modified in src/index.css CSS variables.

🚀 Deployment

Deploy to GitHub Pages

  1. Install gh-pages: npm install --save-dev gh-pages
  2. Add to package.json:
    "scripts": {
      "predeploy": "npm run build",
      "deploy": "gh-pages -d dist"
    }
  3. Run: npm run deploy

Deploy to Vercel/Netlify

  • Vercel: Connect your GitHub repo and deploy automatically
  • Netlify: Drag and drop the dist folder or connect your repo

📄 License

This project is open source and available under the MIT License.

About

Welcome to my portfolio website—a showcase of my skills, experience, and professional journey. Here, you’ll find a collection of my work, achievements, and projects that reflect my growth and capabilities. This site serves as a digital extension of my resume, highlighting my strengths, areas of expertise, and the value I bring to any team or role.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors