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.
- 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
).












git clone https://github.com/your-username/wizard-portfolio.git
cd wizard-portfolio
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
pip install -r requirements.txt
Make sure PostgreSQL is installed and update settings.py
with your database credentials.
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.postgresql',
'NAME': 'wizard_portfolio',
'USER': 'your_db_user',
'PASSWORD': 'your_db_password',
'HOST': 'localhost',
'PORT': '5432',
}
}
python manage.py migrate
python manage.py createsuperuser
python manage.py runserver
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
For images to load correctly, configure settings.py
:
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
Run:
python manage.py collectstatic
Ensure DEBUG=False in production and set up proper media file handling.
- Set up PostgreSQL on your server.
- Use Gunicorn & Nginx for Django hosting.
- Use
whitenoise
for static files (if needed). - Configure
ALLOWED_HOSTS
&CSRF_TRUSTED_ORIGINS
.
- Add AI-powered portfolio analytics.
- Implement real-time chat for inquiries.
- Introduce 3D magical animations.
Developed by Pi-johns the Code Wizard ๐งโโ๏ธโจ
๐ช Unleash the magic and build your own wizardly portfolio! ๐ฅ๐