Skip to content

sonwaneshivani/sonwane-shivani-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’» Sonwane Shivani | Portfolio Website

Welcome to my personal portfolio website β€” a creative, fully responsive, animated site built with React and Tailwind CSS to showcase my work, skills, and experience as a Software Engineer.

πŸ”— Live Site: shivani.dev


πŸš€ Built With

This portfolio was crafted using:

  • βš›οΈ React.js
  • πŸ’¨ Tailwind CSS
  • πŸ’¨ TypeScript
  • 🎞 Framer Motion (for animations)
  • πŸŒ™ Light/Dark Theme Toggle
  • πŸ“© EmailJS (for contact form)
  • 🌐 Vercel (for deployment)

✨ Features

  • βœ… Multi-section, single-page layout
  • πŸ’‘ Theme toggle (Dark & Light mode)
  • πŸ“± Mobile-first responsive design
  • 🎨 Clean UI with smooth animations
  • πŸ’Œ Contact form with EmailJS integration
  • πŸ“‚ Projects, Skills, Experience, About, and more
  • πŸ”— Social profiles & Resume links

πŸ›  Getting Started

To run this project locally:

πŸ“¦ Prerequisites

  • Node.js
  • Git

πŸ“₯ Installation

git clone https://github.com/sonwaneshivani/sonwane-shivani-portfolio.git
cd sonwane-shivani-portfolio
npm install

npm run dev
# or if using CRA:
npm start

πŸ“ Project Structure

All the reusable components used in this project are located in:

/src/components/

Navigate to this folder to find and edit the components as needed.
You can customize your personal details, section content, styling, and more directly in the respective component files.

Releases

No releases published

Packages

 
 
 

Contributors