PersonalPortfolio A modern, high-performance personal portfolio website built to showcase skills and projects, designed with a focus on speed and interactivity.
π Features Responsive Design: Seamlessly adapts to mobile, tablet, and desktop screens.
Project Showcase: interactive gallery to display technical projects.
Fast Loading: Powered by Vite's next-generation tooling.
Clean UI/UX: Minimalist and user-friendly interface.
π οΈ Tech Stack Core: React (JavaScript Library)
Build Tool: Vite (Fast frontend build tool)
Language: JavaScript (ES6+)
Styling: CSS / Modern Styling
Linting: ESLint
π Project Structure Bash
PersonalPortfolio/ βββ src/ # Source code (Components, Pages, Styles) βββ public/ # Static assets (Images, Icons) βββ index.html # Entry point βββ vite.config.js # Vite configuration settings βββ package.json # Dependencies and scripts βββ .gitignore # Git ignore rules π Prerequisites Ensure you have the following installed on your local machine:
Node.js (v16 or higher recommended)
npm (Node Package Manager)
π¦ Installation Follow these steps to set up the project locally:
Clone the repository
Bash
git clone https://github.com/Mayawaaan/PersonalPortfolio.git cd PersonalPortfolio Install dependencies
Bash
npm install Start the development server
Bash
npm run dev Open in Browser The terminal will show the local URL (usually http://localhost:5173). Open this link in your browser to view the portfolio.
ποΈ Build for Production To create an optimized build for deployment:
Bash
npm run build The output will be generated in the dist directory, ready to be deployed to platforms like Vercel, Netlify, or GitHub Pages.
π€ Contributing Contributions are always welcome!
Fork the project.
Create your feature branch (git checkout -b feature/AmazingFeature).
Commit your changes (git commit -m 'Add some AmazingFeature').
Push to the branch (git push origin feature/AmazingFeature).
Open a Pull Request.
π§ Contact Mayawaaan - GitHub Profile
Project Link: https://github.com/Mayawaaan/PersonalPortfolio