Skip to content
forked from 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.

License

Notifications You must be signed in to change notification settings

D3ras/portfolio

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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 ๐Ÿง™โ€โ™‚๏ธโœจ

๐Ÿ“Œ GitHub: YourGitHub
๐Ÿ“Œ Portfolio: YourWebsite
๐Ÿ“Œ LinkedIn: YourLinkedIn
๐Ÿ“Œ Twitter: @YourTwitter


๐Ÿช„ 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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Python 97.4%
  • JavaScript 1.0%
  • HTML 0.8%
  • CSS 0.8%
  • PowerShell 0.0%
  • C 0.0%