Live demo: https://portfolio-ranga-bharath-kumar.vercel.app/ (deployed on Vercel)
This repository contains the source code for my personal portfolio website. It is intended to showcase projects, skills, and contact information. You are welcome to use this repository as a reference or starter template for your own portfolio.
- About
- Live Demo
- Features
- Tech Stack
- Languages
- Getting Started
- Available Scripts
- Project Structure
- How to Use this Repo as a Reference
- Deployment (Vercel)
- Contributing
- Author / Contact
- Acknowledgements
This is my personal portfolio website built with modern web tooling and best practices. The site is responsive, accessible, and optimized for performance. It highlights selected projects, the technologies I use, and a simple way to reach me via GitHub.
The site is live on Vercel: https://portfolio-ranga-bharath-kumar.vercel.app/
- Clean, modern UI using Tailwind CSS and shadcn-ui components
- TypeScript + React + Vite for fast development and strong typing
- Responsive layout for mobile, tablet, and desktop
- Project showcase with descriptions, tech stack and links to live demos or repos
- Easy-to-customize structure so you can reuse this repository as a template or reference
- Vite
- React
- TypeScript
- Tailwind CSS
- shadcn-ui
- Deployed on Vercel
- TypeScript — 96.7%
- CSS — 2.5%
- Other — 0.8%
Prerequisites:
- Node.js (recommended >= 18)
- npm (or pnpm/yarn)
Steps to run locally:
-
Clone the repository
git clone https://github.com/rangabharathkumar/Portfolio_Ranga_Bharath_kumar.git
-
Change into the project directory
cd Portfolio_Ranga_Bharath_kumar
-
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open the URL shown in the terminal (usually http://localhost:5173)
- npm run dev — Start the development server
- npm run build — Create a production build
- npm run preview — Preview the production build locally
(Adjust the commands above if your package.json uses different script names.)
- src/
- components/ — Reusable UI components
- pages/ — Page-level components (Home, Projects, About, Contact)
- styles/ — Tailwind and global styles
- assets/ — Images and media
- utils/ — Utility functions and helpers
- main.tsx — Application entry point
- public/ — Static files served at root
- package.json
- README.md
(Adjust the paths above to match your actual repository layout if different.)
- Fork or clone this repo to use as a starting point for your own portfolio.
- Replace content in src/pages and components with your own projects, copy, and images.
- Update site metadata (title, description, social meta tags) in the appropriate file (for example index.html or app head).
- Customize Tailwind theme, colors, and component styles to match your personal branding.
- Remove any demo content and update links to point to your live projects or repositories.
This project is deployed on Vercel. To deploy your own copy:
- Push your code to a GitHub repository.
- Sign in to Vercel and click "New Project".
- Import the GitHub repository.
- Let Vercel detect the framework (Vite) or set it manually.
- (Optional) Set environment variables if your site requires them.
- Deploy — Vercel will build and publish the site.
For continuous deployment, each push to the default branch will trigger a new deployment on Vercel.
This repository is primarily a personal portfolio. If you want to reuse parts of it, feel free to fork it. You can open issues or propose improvements via pull requests, but note that this repo is maintained by the owner and changes will be merged at their discretion.
Ranga Bharath Kumar — https://github.com/rangabharathkumar
If you’d like any changes to this README (formatting, extra sections, badges, or adding a vercel.json), tell me and I will update it.
- shadcn-ui for component patterns and examples
- Tailwind Labs for Tailwind CSS
- Vite for fast development tooling
- Inspirations and tutorials used while building this portfolio