Skip to content

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.

License

Notifications You must be signed in to change notification settings

Pi-johns/portfolio

Repository files navigation

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

![Homepage](static/images/Screenshot from 2025-02-20 02-17-16 ) ![projects_page](static/images/Screenshot from 2025-02-20 02-18-16 ) ![project_detail](static/images/Screenshot from 2025-02-20 02-18-45 ) ![project_detail](static/images/Screenshot from 2025-02-20 02-19-11 ) ![Blogs_page](static/images/Screenshot from 2025-02-20 02-19-42 ) ![blog_detail](static/images/Screenshot from 2025-02-20 02-20-16 ) ![Profile](static/images/Screenshot from 2025-02-20 02-21-05 ) ![contact](static/images/Screenshot from 2025-02-20 02-21-41 ) ![about](static/images/Screenshot from 2025-02-20 02-22-14 ) ![about_cont](static/images/Screenshot from 2025-02-20 02-22-42 ) ![about_cont](static/images/Screenshot from 2025-02-20 02-23-22 ) ![Login](static/images/Screenshot from 2025-02-20 02-30-27 )

🚀 Installation

1️⃣ Clone the Repository

 git clone https://github.com/your-username/wizard-portfolio.git
 cd wizard-portfolio

2️⃣ Set Up Virtual Environment

python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate

3️⃣ Install Dependencies

pip install -r requirements.txt

4️⃣ Configure Database (PostgreSQL)

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',
    }
}

5️⃣ Apply Migrations

python manage.py migrate

6️⃣ Create Superuser

python manage.py createsuperuser

7️⃣ Run the Server

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:

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.


🌐 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! 🔥🚀

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published