A modern, responsive portfolio website built with React and styled-components, featuring a clean dark theme with navy blues and teal highlights.
- Modern Design: Clean, responsive layout with a consistent dark theme
- Interactive Elements: Hover effects, flip cards, and other interactive components
- Comprehensive Sections: Home, About, Career (Education & Experience), Skills, Strengths, Projects, Publications, and Contact
- Documentation: Complete MkDocs documentation for setup, development, and deployment
Visit the live portfolio at https://arunbodd.github.io/Portfolio
Clone the repository to use as a template for your own portfolio:
git clone https://github.com/arunbodd/Portfolio.git
cd Portfolio
npm install
npm startYou can also install this portfolio as an npm package to use its components:
npm install @arunbodd/portfolioimport { PageContainer, Title, TimelineList, TimelineItem } from '@arunbodd/portfolio';
function MyComponent() {
return (
<PageContainer>
<Title>My Custom Page</Title>
<TimelineList>
<TimelineItem>
{/* Your content here */}
</TimelineItem>
</TimelineList>
</PageContainer>
);
}Comprehensive documentation is available at https://arunbodd.github.io/Portfolio/
To run the documentation locally:
mkdocs serveIn the project directory, you can run:
Runs the app in development mode at http://localhost:3000
Builds the app for production to the build folder
Deploys the app to GitHub Pages
Publishes the package to GitHub Packages
- Update content in the
src/pages/directory - Modify styling in the styled-components within each file
- Add or replace images in the
src/assets/directory
- React
- styled-components
- react-router-dom
- react-icons
- GitHub Pages
- MkDocs with Material theme
- GitHub Actions for CI/CD
MIT