System Prime - Developer Portfolio

A futuristic, terminal-inspired portfolio website built with React, TypeScript, Tailwind CSS, and Framer Motion.

✨ Features

• Cyberpunk Terminal Design - Holographic UI with scan lines and glitch effects
• Animated Backgrounds - DNA Helix, Magnetic Particles, Universe effects using Three.js
• Command Terminal - Interactive terminal with typing effects
• Responsive Design - Works on all screen sizes
• Dark Mode - Eye-friendly dark theme
• Smooth Animations - Powered by Framer Motion

🛠️ Tech Stack

• Frontend: React 18, TypeScript, Vite
• Styling: Tailwind CSS, CSS Variables
• Animations: Framer Motion, Three.js, @react-three/fiber
• UI Components: Radix UI primitives, shadcn/ui
• Icons: Lucide React
• Forms: React Hook Form, Zod

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or bun

Installation

# Clone the repository
git clone https://github.com/Edouard144/system-prime.git

# Navigate to project directory
cd system-prime

# Install dependencies
npm install

# Start development server
npm run dev

Build for Production

npm run build

The built files will be in the dist folder.

📦 Deployment

Render

1. Connect your GitHub repository to Render
2. Configure:
   • Build Command: npm run build
   • Publish Directory: dist

🎯 Sections

• Hero - Animated intro with glitch effects
• About - Operator profile with holographic photo frame
• Skills - Tech stack showcase
• Projects - Deployment history with live links
• Stats - Developer metrics
• Contact - Communication channels

📁 Project Structure

src/
├── components/
│   ├── ui/           # Radix UI components
│   ├── HeroSection.tsx
│   ├── AboutSection.tsx
│   ├── ProjectsSection.tsx
│   └── ...
├── hooks/            # Custom React hooks
├── lib/              # Utility functions
└── pages/            # Page components

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

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

---

SYSTEM STATUS: ONLINE OPERATOR: TUYUBAHE EDOUARD LOCATION: KIGALI, RWANDA

Built with ❤️ using React & Tailwind CSS