https://github.com/pi-johns/portfolio
Wizard Portfolio is a sci-fi, wizard-themed developer portfolio built with Django, HTML, CSS, and JavaScript. It features a dark theme with neon colors, magical animations, and a futuristic Matrix-like aesthetic. Users can explore projects, blogs, and interact through likes, comments, and shares.
https://github.com/pi-johns/portfolio
ajax blog-website django django-rest-framework html javascript matrix-ui personal-blog portfolio-website python tailwindcss website
Last synced: 24 days ago
JSON representation
Wizard Portfolio is a sci-fi, wizard-themed developer portfolio built with Django, HTML, CSS, and JavaScript. It features a dark theme with neon colors, magical animations, and a futuristic Matrix-like aesthetic. Users can explore projects, blogs, and interact through likes, comments, and shares.
- Host: GitHub
- URL: https://github.com/pi-johns/portfolio
- Owner: Pi-johns
- License: mit
- Created: 2025-02-19T17:07:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-24T16:54:02.000Z (about 1 year ago)
- Last Synced: 2025-02-27T13:06:17.767Z (about 1 year ago)
- Topics: ajax, blog-website, django, django-rest-framework, html, javascript, matrix-ui, personal-blog, portfolio-website, python, tailwindcss, website
- Language: Python
- Homepage:
- Size: 57.6 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wizard Portfolio -
## 🧙♂️ Project Overview
Wizard Portfolio is a **sci-fi, wizard-themed** developer portfolio built with **Django, HTML, CSS, and JavaScript**. It features a **dark theme with neon colors**, magical animations, and a futuristic Matrix-like aesthetic. Users can explore **projects, blogs, and interact** through likes, comments, and shares.
---
## ✨ Features
- **Wizardly UI** with neon-glowing elements and arcane symbols.
- **User Authentication** (Login, Signup, Password Reset) with enchanted-themed UI.
- **Project Showcase** - Displays projects with images, descriptions, and a magic-styled "Unveil the Secrets" button.
- **Blog Section** - Users can read, like, and comment on blog posts.
- **Social Media Links** - Magically animated icons.
- **Fully Responsive Design** - Works smoothly on all screen sizes.
- **Dark Mode + Neon Accents** for an immersive futuristic feel.
- **Django Backend** - Structured with separate apps (`portfolio`, `blogs`, `projects`, `users`).
---
## Screenshots
)
)
)
)
)
)
)
)
)
)
)
)
## 🚀 Installation
### **1️⃣ Clone the Repository**
```bash
git clone https://github.com/your-username/wizard-portfolio.git
cd wizard-portfolio
```
### **2️⃣ Set Up Virtual Environment**
```bash
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
```
### **3️⃣ Install Dependencies**
```bash
pip install -r requirements.txt
```
### **4️⃣ Configure Database (PostgreSQL)**
Make sure PostgreSQL is installed and update `settings.py` with your database credentials.
```python
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.postgresql',
'NAME': 'wizard_portfolio',
'USER': 'your_db_user',
'PASSWORD': 'your_db_password',
'HOST': 'localhost',
'PORT': '5432',
}
}
```
### **5️⃣ Apply Migrations**
```bash
python manage.py migrate
```
### **6️⃣ Create Superuser**
```bash
python manage.py createsuperuser
```
### **7️⃣ Run the Server**
```bash
python manage.py runserver
```
---
## 🔮 Project Structure
```
wizard_portfolio/
│── portfolio/ # Handles Home, About, Contact pages
│── blogs/ # Manages Blog Posts
│── projects/ # Handles Project Listings
│── users/ # Authentication & User Management
│── static/ # CSS, JS, Images (Arcane Symbols, Neon Effects)
│── templates/ # HTML Files (Styled with Wizard Aesthetics)
│── media/ # Uploaded Images (Projects & Blogs)
│── manage.py # Django Management Script
│── requirements.txt # Dependencies
```
---
## 📸 Media & Static Files
For images to load correctly, configure `settings.py`:
```python
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
```
Run:
```bash
python manage.py collectstatic
```
Ensure **DEBUG=False** in production and set up proper media file handling.
---
## 🌐 Deployment
1. **Set up PostgreSQL on your server.**
2. **Use Gunicorn & Nginx for Django hosting.**
3. **Use `whitenoise` for static files (if needed).**
4. **Configure `ALLOWED_HOSTS` & `CSRF_TRUSTED_ORIGINS`.**
---
## 🤖 Future Enhancements
- Add **AI-powered portfolio analytics**.
- Implement **real-time chat** for inquiries.
- Introduce **3D magical animations**.
---
## 🪄 Author
Developed by **Pi-johns the Code Wizard** 🧙♂️✨
🪄 **Unleash the magic and build your own wizardly portfolio!** 🔥🚀