A modern, responsive personal portoflio I built with React JS.
This Project will showcase my skills in Frontend Development. File Structure
my-portfolio/
├── public/
│ └── vite.svg # Keep downloadable assets here
├── src/
│ ├── assets/ # Static assets imported in components
│ │ ├── project_pics/
│ │ │ └── e_commerce_lite.png
│ │ ├── social/
│ │ │ ├── linkedin_2.svg
│ │ │ └── github_2.svg
│ │ ├── TechIcons/
│ │ │ ├── AWS.svg
│ │ │ ├── Docker.svg
│ │ │ ├── Git.svg
│ │ │ ├── Hibernate.svg
│ │ │ ├── Java.svg
│ │ │ ├── Javascript.svg
│ │ │ ├── mysql.svg
│ │ │ ├── Node.svg
│ │ │ ├── Postman.svg
│ │ │ └── Spring.svg
│ │ ├── ToolBox/
│ │ │ ├── eclipse.svg
│ │ │ ├── intellij.svg
│ │ │ ├── vscode.svg
│ │ │ └── webstorm.svg
│ │ ├── cat.svg
│ │ ├── computer.svg
│ │ ├── computer2.svg
│ │ ├── profilepic.jpg
│ │ └── wallpaper_3.jpg
│ ├── components/
│ │ ├── footer/
│ │ │ ├── Footer.jsx
│ │ │ └── FooterStyle.css
│ │ ├── navbar/
│ │ │ ├── Navbar.jsx
│ │ │ └── NavStyle.css
│ ├── pages/ # Main routable pages
│ │ ├── About_pages/
│ │ │ ├── About.css
│ │ │ ├── About.jsx
│ │ │ ├── AboutCard.css
│ │ │ ├── AboutCArd.jsx
│ │ │ ├── TechStack.css
│ │ │ ├── TechStack.jsx
│ │ │ └── ToolBox.jsx
│ │ ├── Contact_pages/
│ │ │ ├── Contact.css
│ │ │ └── Contact.jsx
│ │ ├── Home/
│ │ │ ├── Home.css
│ │ │ └── Home.jsx
│ │ └── Portfolio_pages/
│ │ │ │ └── Project_modal/
│ │ │ │ ├── DetailedCaseStudies.js
│ │ │ │ ├── ProjectModal.css
│ │ │ │ └── ProjectModal.jsx
│ │ │ │ └── ProjectCard/
│ │ │ │ ├── ProjectCard.css
│ │ │ │ └── ProjectCard.jsx
│ │ │ ├── Portfolio.css
│ │ │ ├── projectData.js
│ │ │ └── Projects.jsx
│ ├── styles/ # Global styles or variables
│ │ ├── globals.css
│ │ └── variables.css
│ ├── App.css # Routing setup
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx # Entry point
├── .gitignore
├── package.json
└── README.md
🛠️ Getting Started Prerequisites Make sure you have Node.js installed on your machine.
Installation Clone the repository:
git clone [https://github.com/your-username/my-portfolio.git](https://github.com/thisIsMadelyn/Personal_Portfolio_with-_React.git)
Navigate to the Project Directory:
cd Personal_Portfolio_with-_React
Install Dependencies:
npm run dev
Running Locally:
npm run dev