Bright Safari - Portfolio Website
A modern, responsive portfolio website for Bright Safari, a Computer Science & AI degree student at the University of Cape Town.
Features
- Modern Design: Clean, professional design with a focus on typography and spacing
- Dark/Light Theme: Toggle between light and dark modes
- Fully Responsive: Works on all device sizes from mobile to desktop
- Smooth Animations: Subtle animations and transitions for better UX
- Interactive Elements: Hover effects, skill bars, and form validation
- Project Showcase: Highlighting key projects including Rentwise platform
- Timeline: Visual representation of educational and professional journey
Technologies Used
- HTML5
- CSS3 (with CSS Variables for theming)
- Vanilla JavaScript (no frameworks)
- Font Awesome Icons
- Google Fonts (Inter & Space Grotesk)
File Structure
My portfolio/ ├── index.html # Main HTML file ├── styles/ │ └── main.css # All CSS styles ├── scripts/ │ └── main.js # All JavaScript functionality ├── assets/ # Images and icons (to be added) └── README.md # This file
How to Use
- Simply open
index.htmlin your web browser - The website is fully functional without any build process
Customization
Personal Information
Update the following in index.html:
- Name, title, and descriptions
- Contact information
- Project details
- Timeline events
- Social media links
Styling
Modify CSS variables in :root and .dark-theme sections in styles/main.css to change colors.
Adding Projects
Add new project cards in the projects section of index.html following the existing structure.
Browser Compatibility
The website is compatible with all modern browsers including:
- Chrome (recommended)
- Firefox
- Safari
- Edge
Future Enhancements
Potential features to add:
- Backend integration for contact form
- Blog section for tech articles
- Project filtering by technology
- More interactive animations
- Accessibility improvements
License
This project is open source and available for personal and educational use.
Contact
Bright Titus Safari
- Email: [email protected]
- GitHub: https://github.com/Safari-bts
- LinkedIn: https://www.linkedin.com/in/bright-safari/
Designed and developed with passion for technology and innovation.
Log in or sign up for Devpost to join the conversation.