olsonja88 / johnolson.dev

My personal portfolio website.

Johnolson.dev

My personal portfolio website. https://www.johnolson.dev

How to run Locally

1. You'll need Python 3.11.3 (that's the version this project was made on).
2. Clone this repository into an empty directory.
3. Open a command prompt and cd into the directory.
4. Run "python -m venv venv" to create a virtual environment.
5. cd into venv/scripts and run "activate".
6. Refer to requirements.txt to see all current dependencies. Pip install these inside of scripts.
7. cd back out (../..) to the base dir.
8. Go into settings.py and set "Debug=True".
9. At this point you'll need either setup your own local pg or sqlite db and add it to DATABASES in settings.py
10. From the command line run "python manage.py runserver" to run locally.
11. Access the local app at "localhost:8000".

About this project

• Created using the Django web framework, and hosted on Vercel (both deployment and PostgreSQL db).
• This project used Python, HTML, CSS, and JS languages.

Current State 7/6/23

Working on moving from the entire project being Django, to only having only a Django backend with React frontend.

johnolson.dev's Issues

Fix Audio Assets

Make it so that you can't play multiple audio assets at once. I.e. when you click play on a second one, the first one stops.

Main CSS Doc

Create a Main CSS Doc that holds all the code shared between the three existing CSS docs. Also, move the projects app templates into the project apps directory.

Finish Projects App

Completely finish the projects app

Configure for Deployment and Hosting

Set up hosting deploy the website.

Polish Website & Styling

Polish the website and add some more custom styling.

Copyright Notice

Add copyright notice to footer

Game Assets Page/App

Create another page on the website similar to the projects page but for game assets.

Add Posts to Blog

Create blog posts in pg-admin.

Connect Contact Form

Connect contact form to a third-party service so that messages can actually be sent.

Spruce Up Navbar

Fix bug where navbar shrinks to a tiny line when screen size gets too small. Add links to GitHub and Linked-in on the right side of the navbar. Add some margins between links. Add hover effects to the links.

Style Blog Page

Style the blog_index template and create a css doc for the blog app.

All Over CSS Polish

Polish all elements of the site, possibly add some more CSS animation.

About/Contact Page

Create an about me page with a contact form at the bottom.

Style Project Detail

Style project_detail.html template with css doc from project app.

Blog App

Add Photo to AboutParagraph

Add photo to AboutParagraph model and migrate to update the schema.

Move App to Postgres

Move project to use PostgreSQL instead of sqlite.

Meaningful Projects & Blog Posts

Change the current 'projects', 'blog posts', and 'blog categories' into something meaning and real instead of default filler.

Optimize for Mobile

Optimize front end to look and flow better on mobile.

Update Home GA Info

Update the about paragraph and game assets page.

Move to Django Backend & React Frontend