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

  1. Simply open index.html in your web browser
  2. 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


Designed and developed with passion for technology and innovation.

Share this project:

Updates