This React application serves as a multi-page portfolio website, leveraging React Router for navigation between different sections. The site features pages for an overview of personal projects, military training information, college projects, and contact details.
- Multi-page navigation using React Router
- Custom Material-UI theme
- Google Analytics integration for page tracking
- Responsive design
The homepage of the portfolio site, providing a summary of the portfolio.
My tech stack experience
My relevant portfolio projects I have worked on.
My college degrees with verified Parchment links.
My developer certifications.
All my military experience in the US Navy.
Contains information on military training schools and experience.
Showcases various projects completed during college at DeVry University.
Provides contact information and links to social media profiles.
- Clone the repository:
git clone https://github.com/yourusername/portfolio-site.git- Navigate to the project directory:
cd React-Portfolio-Site- Install the dependencies:
yarn install- Start the development server:
yarn start- Open http://localhost:3000 to view it in your browser.
The site uses a custom Material-UI theme defined in App.js:
const theme = createTheme({
palette: {
primary: {
light: "#a4a4a4",
main: "#757575",
dark: "#494949",
contrastText: "#434442",
},
secondary: {
light: "#819ca9",
main: "#d2e8f7",
dark: "#29434e",
contrastText: "#000000",
},
// Additional theme configurations
},
});