⚡ THE ARCHITECT PORTFOLIO | ER. SUJAN RAI

🚀 Powered by CodeVora UI

Elevate your web projects with CodeVora UI. Get free, high-performance animated components, professional UI templates, and production-ready code snippets. Explore CodeVora UI Now →

---

🖥️ Overview

A high-end, Hacker-Themed Developer Portfolio designed with a terminal-inspired aesthetic. This project showcases advanced React patterns, interactive canvas backgrounds (Matrix Rain), and professional UI/UX principles.

Environment Variables Used (.env) :

Backend/.env

• SECRET_KEY=your-django-secret-key
• DEBUG=False
• ALLOWED_HOSTS=*
• PRODUCTION_DATABASE_URL=your-production-database-url
• DEVELOPMENT_DATABASE_URL=your-development-database-url
• CLOUD_NAME=your-cloudinary-name
• CLOUD_API_KEY=your-cloudinary-api-key
• CLOUD_API_SECRET=your-cloudinary-api-secret

Frontend/.env

• VITE_API_URL_PRODUCTION=https://your-backend-host-url
• VITE_API_URL_DEVELOPMENT=http://127.0.0.1:8000
• VITE_EMAIL_ACCESS_KEY=your-email-access-key

🛠️ Key Features

• Matrix Binary Rain: High-performance Canvas API implementation for a smooth hacker background.
• Interactive Terminal UI: Custom-built terminal cards and console-style navigation.
• Dynamic Project Dossier: Auto-incrementing project IDs and responsive layout.
• Secure Communication: Contact protocols integrated with modern validation.
• Cyber-Sidebar: Mobile-responsive navigation with backdrop-blur and "System Override" entry animations.

🚀 Built With

• Frontend: React.js, React Icons, CSS3 (Custom Variables/Keyframes)
• Animations: Framer Motion / Custom Canvas API
• Styles: Scoped Modular CSS
• Components: Logic-driven UI elements from CodeVora UI

---

📦 Installation & Setup

1. Clone the repository:

   git clone [https://github.com/yourusername/architect-portfolio.git](https://github.com/yourusername/architect-portfolio.git)

2. Navigate to the directory:

   cd architect-portfolio

3. Install dependencies:

   npm install

4. Launch the development server:

   npm start 

   or

   npm run dev

💎 Support My Work

• If you find this project helpful, consider checking out my main project: 🚀 CodeVora UI – The Ultimate Library for Modern Developers

✨ What CodeVora UI Offers

• ✅ Free Animated UI Components
• ✅ Professional Layout Templates
• ✅ Copy-Paste Ready Code Snippets

🌐 Website:

• CodeVora UI: codevora140.vercel.app

👤 Contact

Er. Sujan Rai

• 🌐 Portfolio: er-sujan.vercel.app
• 💻 GitHub: https://github.com/Sujan-Rai-426/