freddydrew/jkphoto

Home of Justin Koebele's Photography site.

Justin Koebele Photo

About

I built Justin Koebele Photo for my buddy Justin. I had already made Fredducation and knew where to begin with creating a website. I learned a ton from making my language learning blog and took those lessons to this project. Justin wanted a place to show off his photography without using social media apps, which is something that resonated with me. This website is something we are proud of and hope you enjoy.

How was the site built?

For those that are curious as to how I made it or how one can make a similar site using Django, we've made the code available to all. Below is a nonexhaustive list of tools used to build the site.

• Django Python Web Framework
• HTML
• CSS
• Bootstrap 5 CSS Framework
• JavaScript
• Amazon Relational Database Service (AWS RDS) provided PostrgreSQL database.
• Amazon Simple Storage Service (AWS S3) for serving static assests.
• Amazon Simple Email Service (AWS SES) for sending out a newsletter and receiving user sumbitted contact information.
• Heroku Cloud Platform for deployment.

The main resource leaned on for builidng a basic understanding of Django was this YouTube playlist by CodingEntrepreneurs. From there, Fredducation was built and from that a better understanding of the tools was acquired. Taking lessons from Fredducation, I began building JK Photo to fit Justin's wants and needs.

Contact

If you have any questions, I encourage you to reach out to myself or Justin at [email protected] or [email protected], respectively. You may also submit a question on Fredducation's contact page.

jkphoto's Issues

Have newsletter

• Finished subscription functionality
• Moving on to AWS SES and letter app

route all urls

Make site google-able

We need to have the site indexed for google's crawler bot to discover. This will render it "googleable"

fix carousel cropping issue on posts

Photos are being terribly cropped by default

style subscriber and unsub pages

Match spacing across both pages

Install Heroku CLI for windows 10

You want the ability to push to heroku and deploy on your laptop as well. For this you'll need the heroku command line interface, allowing heroku commands in the terminal.

Make All Album Cards sharp-edged

I want them to be very square on the upper corners of the cards

Reorder single album page

We want Title -> Image -> Caption -> Publish Date

And we want it all a bit tighter together.

Make a pagepreview image for texts and links

For sending text links in apps we need an image for previews

Style Home Page

Even out spacing

Links on home carousel

Want to click on home page carousel images and have it bring to the post in question

paginator on allAlbumsPage

Use this resource for pagination:

https://dev.to/brylie/pagination-with-django-and-bootstrap-5-2bj3

connect AWS S3 for static files

• I used this video tutorial to setup AWS S3 for static file serving.

filters on all articles page

i need to get a comprehensive list of filters from justin

Make Single Album Page

connect hosting to heroku

Deploy the site, connect domain

justin koebele photo only on banner

Lost photography

connect AWS RDS and implement PostgreSQL Database

This will be needed for full text search and the filter buttons

Need thumbnail image solution that doesnt call for seperate upload

Install all packages into settings.py

We need a README!

Justin needs to add the about section

Make all albums page

Make About/Contact page

Style Base HTML

Make it not look like base bootstrap 5

Implement Full Text Search in the NAV BAR

• Full Text Search has been implemented following the guidance from roughly around 17:00 mark in this video. Most of what I did involved using the default form included in the bootstrap 5 template and adding a albumSearchView.

JS for keeping selected album filter highlighted

Highlight the allalbums page button that indicates the current filter for posts.

fix post order under all posts

Want them to come out chronologically

Make a favicom

Done!

Add test email functionality

Want to be able to send a test email to [email protected] for testing purposes

Unordeded objectList error FIX IT

I get this warning, fix it

make sitemap

What's a sitemap?