Skip to main content

Ritam Saha Portfolio
Documentation

Build a modern, responsive portfolio website with React, Vite, Tailwind CSS, and Framer Motion. Features dark mode, smooth animations, and interactive components.

Ritam Saha Portfolio

Quick start

Get your portfolio up and running in minutes

1

Clone the repository

Clone the portfolio repository to your local machine:
git clone https://github.com/Ritam369/My_Portfolio.git
cd My_Portfolio
2

Install dependencies

Install all required packages using npm:
npm install
This installs React, Vite, Tailwind CSS, Framer Motion, Shadcn/ui, and all other dependencies.
3

Configure environment variables

Create a .env file in the root directory and add your EmailJS credentials:
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key
Get your credentials from EmailJS Dashboard.
4

Start the development server

Run the development server:
npm run dev
Your portfolio will be available at http://localhost:5173.

Explore components

Discover the building blocks of your portfolio

Hero section

Landing section with typewriter effect and animated introduction

Navigation bar

Responsive navbar with mobile menu and smooth scroll navigation

Skills showcase

Display your tech stack with animated icons and hover effects

Projects gallery

Showcase your projects with interactive cards and details

Contact form

Functional contact form with EmailJS integration

Theme toggle

Dark/light mode toggle with smooth transitions

Customization guides

Make the portfolio your own

Theme customization

Customize colors, fonts, and theme behavior

Styling guide

Update Tailwind config and component styles

Content management

Update personal info, projects, and services

Ready to build your portfolio?

Follow our quickstart guide to get up and running in minutes, or explore the component documentation to learn how to customize every aspect of your portfolio.

Get Started Now

Build docs developers (and LLMs) love