Mandi Solone Personal Portfolio

This project is a personal portfolio built with React.js. It showcases my skills, experience, and projects. It was bootstrapped with Create React App and deployed using GitHub Pages.

Live Site: https://mandisolone.github.io/Mandi_Solone_Portfolio/

---

Getting Started

To get a local copy of this project up and running, follow these simple steps:

Prerequisites

• Make sure you have Node.js and npm installed.
  • Install Node.js from nodejs.org.
  • Verify the installation:

    node -v
    npm -v

Installing

1. Clone this repository:

   git clone https://github.com/MandiSolone/Mandi_Solone_Portfolio.git

2. Navigate into the project folder:

   cd Mandi_Solone_Portfolio

3. Install dependencies:

   npm install

---

Available Scripts

In the project directory, you can run the following commands:

npm start

Runs the app in development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

You can learn more about deployment here: Deployment Documentation.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project and copy all configuration files and transitive dependencies into your project.

All of the commands except eject will still work, but they will point to the copied scripts, so you can tweak them. At this point, you are responsible for maintaining your configuration.

---

Deployment

This app is hosted on GitHub Pages. Here are the steps for deploying your app:

1. Build the app for production:

   npm run build

2. Deploy to GitHub Pages:

   npm run deploy

This will push the build folder to the gh-pages branch of your GitHub repository.

---

Project Structure

The project structure is as follows:

/public
    index.html
    favicon.ico
/src
    App.js
    index.js
    /components
    /assets
/package.json
README.md
.gitignore

---

Learn More

You can learn more about how React works in the official React documentation.

Additionally, you can explore Create React App documentation for more advanced configurations and details.

---

Troubleshooting

If you run into any issues, here are some common troubleshooting tips:

• If your npm run build fails: You can find helpful troubleshooting steps here: npm run build fails.
• If you’re encountering issues with GitHub Pages: Ensure that your package.json file’s homepage field is correctly set to your GitHub Pages URL:

  "homepage": "https://mandisolone.github.io/Mandi_Solone_Portfolio/"

---

By following these steps, you should be able to successfully set up, run, and deploy your React app.

Let me know if there are any specific sections you want to further customize, or if you have any more questions!

---

This `README.md` contains all the necessary steps and sections for your project, including installation, deployment, troubleshooting, and more. You can just copy and paste it into your `README.md` file in VS Code.