This is the personal portfolio website of Babatunde Vaughan, a seasoned Human Capacity Development Expert and Consultant with over eight years of experience in strategic program management, talent development, and community engagement. This website highlights Babatunde’s achievements, work experience, and testimonials from people he has worked with throughout his career.
This portfolio provides an overview of Babatunde Vaughan’s professional experience, ranging from program management at Microsoft to leadership in the Youth-Minds Alignment and Development Centre. The portfolio also showcases testimonials from people who have worked with Babatunde, highlighting his skills in driving social impact and fostering leadership.
- React.js: For building a dynamic user interface.
- Material UI (MUI): For responsive layout and UI components.
- CSS Modules: For styling and component-specific CSS.
- PropTypes: For type checking the components.
- Responsive Design: Adjusts layout and components for mobile and desktop view.
- Experience Timeline: Displays detailed professional experience, with each job role described in detail.
- Testimonial Slider: A carousel showcasing testimonials from Babatunde’s colleagues and partners.
- Tabs Layout: Utilizes MUI's Tabs for displaying different job experiences.
- Horizontal/Vertical Tabs: Adaptive experience section with vertical tabs for desktop and horizontal tabs for mobile.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/babatunde-vaughan-portfolio.git
-
Navigate to the project directory:
cd babatunde-vaughan-portfolio -
Install the dependencies:
npm install
-
Run the development server:
npm start
The website should now be running at
http://localhost:3000.
- Experience Section: Browse through Babatunde’s professional experience, either by using the vertical/horizontal tabs.
- Testimonial Section: Read testimonials from colleagues and partners to gain insights into Babatunde’s expertise and work ethic.
babatunde-vaughan-portfolio/
│
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ ├── ExperienceCard.js
│ │ ├── MaterialExperience.js
│ │ └── TestimonialSlider.js
│ ├── App.js
│ ├── index.js
│ └── assets/
│ └── images/ # Placeholder for images used in the project
├── .gitignore
├── package.json
└── README.md
If you would like to contribute to this project, feel free to open a pull request or submit an issue. We welcome all improvements and suggestions.
This project is licensed under the MIT License.