Skip to content

lujaja/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Augustine Lujaja Portfolio

A modern, responsive portfolio website showcasing the unique intersection of software engineering and criminology expertise.

🌟 Features

  • Modern Design: Dark theme with glassmorphism effects and neon color palette
  • Responsive Layout: Optimized for all devices and screen sizes
  • Interactive Elements: Smooth animations, hover effects, and dynamic filtering
  • Contact Integration: Functional contact form with Formspree integration
  • Performance Optimized: Separated CSS and JavaScript files for better loading

🏗️ Project Structure

Portfolio/
├── index.html              # Main homepage
├── README.md              # Project documentation
├── assets/               # Static assets
│   ├── files/
│   │   └── cv.pdf        # CV/Resume file
│   └── images/
│       └── lujaja.png    # Profile image
├── css/                  # Stylesheets
│   └── main.css         # Main stylesheet
├── js/                   # JavaScript files
│   ├── tailwind-config.js # Tailwind CSS configuration
│   └── main.js          # Main JavaScript functionality
└── pages/               # Additional pages
    ├── thank-you.html   # Form submission success page
    └── 404.html        # Error page

🚀 Technologies Used

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • Framework: Tailwind CSS
  • Icons: Font Awesome
  • Fonts: Google Fonts (Inter)
  • Form Handling: Formspree
  • Hosting: GitHub Pages

🎨 Design Features

  • Glassmorphism UI: Modern glass-effect cards and components
  • Neon Color Scheme: Blue (#00f2ff), Green (#00ff9d), Purple (#bd00ff), Red (#ff0055)
  • Smooth Animations: CSS animations and transitions
  • Interactive Elements: Hover effects, smooth scrolling, portfolio filtering
  • Dark Theme: Professional dark background with proper contrast

📱 Sections

  1. Hero Section: Introduction with professional photo and call-to-action
  2. About: Personal information, skills overview, and social links
  3. Skills: Technical skills with animated progress bars
  4. Portfolio: Project showcase with category filtering
  5. Experience: Work history, education, and certifications
  6. Contact: Contact form and information

🛠️ Setup and Deployment

Local Development

  1. Clone the repository:
git clone https://github.com/lujaja/Portfolio.git
cd Portfolio
  1. Open index.html in your browser or use a local server:
# Using Python
python -m http.server 8000

# Using Node.js
npx http-server

# Using VS Code Live Server extension

GitHub Pages Deployment

  1. Push your code to GitHub
  2. Go to repository Settings > Pages
  3. Select "Deploy from a branch" > "main" > "/ (root)"
  4. Your site will be available at https://lujaja.github.io/Portfolio

📧 Contact Form

The contact form uses Formspree for handling submissions. To set up:

  1. Sign up at Formspree.io
  2. Replace the form action URL in index.html with your Formspree endpoint
  3. Update the _next hidden field to point to your thank-you page

🎯 Professional Profile

Augustine Lujaja - Criminologist & Software Engineer

  • 4+ years of software engineering experience
  • Background in criminology and digital forensics
  • Specializes in cybersecurity and AI-powered crime detection
  • Based in Kakamega, Kenya

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.


Built with ❤️ by Augustine Lujaja

About

My portfolio website to showcase my skills as a software engineer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published