Portfolio Tailwind Templates

Portfolio

A modern, responsive developer portfolio built with React, Vite, and Tailwind CSS. Showcasing my projects, experience, and skills with smooth animations, dark mode, and a fully interactive UI. šŸš€

šŸš€ My Portfolio

Project Preview

Welcome to my portfolio website! This is a modern, fast, and responsive portfolio built with React, Vite, and Tailwind CSS. It includes smooth scrolling, animations, and a contact form integration using EmailJS.

🌐 Live Website: jacobbananal.vercel.app


šŸ“¦ Technologies & Packages Used

Package Description
React Frontend Library
Vite Lightning-fast development environment
TailwindCSS Utility-first CSS framework
Framer Motion Animations & Transitions
React Router Navigation & Routing
React Icons Icon library
EmailJS Contact form integration
React Scroll Smooth scrolling

šŸ›  Installation & Setup

If you want to use or contribute to this project, follow these steps:

1ļøāƒ£ Clone the Repository

# Using GitHub CLI
gh repo clone JacobBananalDev/portfolio

# Or using HTTPS
git clone https://github.com/JacobBananalDev/portfolio.git

2ļøāƒ£ Install Dependencies

cd portfolio
npm install

3ļøāƒ£ Start Development Server

npm run dev

Then, open http://localhost:5173/ in your browser.


šŸš€ Deployment Instructions

1ļøāƒ£ Build the Project

npm run build

This will generate a dist/ folder with the production-ready files.

npm install -g vercel
vercel

Follow the prompts to deploy your project.

Alternatively, you can deploy on Netlify, GitHub Pages, or Firebase Hosting.


šŸŽÆ Features

āœ… Smooth Scrolling with react-scroll
āœ… Framer Motion Animations
āœ… Contact Form with EmailJS
āœ… Fully Responsive Design
āœ… Blazing Fast with Vite


šŸ’Œ Contact Me

Want to connect? Feel free to reach out!

šŸ“§ Email: bananal.r.jacob@email.com
šŸ”— Portfolio: jacobbananal.vercel.app

Instagram

šŸš€ Enjoy and Happy Coding! šŸŽØšŸ”„

Top categories

Loading Svelte Themes