A clean, responsive portfolio website showcasing my projects and skills as a Computer Science student.
- Responsive Design - Works perfectly on desktop, tablet, and mobile
- Dark/Light Mode Toggle - User preference saved with localStorage
- Project Showcase - Detailed project pages with descriptions
- Contact Form - Integrated Google Forms for easy communication
- Modern UI - Clean, professional design with smooth animations
- Accessible - Semantic HTML and ARIA labels for screen readers
- HTML5 - Semantic markup
- CSS3 - Custom properties, Flexbox, Grid
- JavaScript (ES6+) - Vanilla JS for interactivity
- Bootstrap 5 - Grid system and components
- Google Forms - Contact form integration
portfolio/
├── index.html # Home page
├── css/
│ └── styles.css # Main stylesheet
├── js/
│ └── script.js # JavaScript functionality
├── img/ # Project images and assets
├── pages/ # Main pages
│ ├── about.html # Experience page
│ ├── projects.html # Projects overview
│ └── contact.html # Contact page
├── projects/ # Individual project details
│ ├── secure-notes.html
│ ├── personal-portfolio.html
│ └── weather-dashboard.html
└── assets/ # Additional assets
└── resume.pdf
- Secure Notes App - Web-based encrypted notes application
- Personal Portfolio - This very website
- Weather Dashboard - Real-time weather API integration
- GitHub: @defimal
- LinkedIn: defi-maleji
- Contact: Contact Form
-
Clone the repository:
git clone https://github.com/defimal/portfolio.git
-
Open
index.htmlin your browser or use a local server:python3 -m http.server 8000
-
Visit
http://localhost:8000
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
This project is open source and available under the MIT License.
Feel free to fork this project and submit pull requests for any improvements!
Built with ❤️ by Defi Maleji Kapaba