Build a simple portfolio to clearly show the projects you are working on. The idea of the project is to create a website where you can showcase your ongoing as well as upcoming projects. This project uses the Bootstrap5 template and aims to cover the breadth between the software development process and the infrastructure it is configured on. Learning the DevOps mindset - from code to server.
Here's what it looks like running on the server: Click here to see my Portfolio build
- This website is adaptive to screen size and works well on both mobile and desktop.
- You will be able to show a picture of yourself and write a short text about yourself on the home page.
- You will be able to showcase your projects on the "home" page.
- The site has a navigation header, and newly added projects will be displayed there too.
- You will be able to write and edit your blog posts in the admin panel with simple editing.
- You will be able to attach images, videos, and links in your posts.
- You will be able to create a separate contact page with your credentials.
- The website has functionality to upload images to the server and can use embedded video links.
- The website adds new projects in descending order from oldest to newest.
- You can customize the website as you want and use other different elements offered by Bootstrap 5.
- Basic Python
- Basic Django
- Basic Linux server (Ubuntu)
- Basic understanding and experience working with GIT/GitHub (version control)
- Basic understanding of Cloud infrastructure
- Basic understanding of databases/SQL (even if you will not need to manually create the database and work with database design, you will need to have "a picture in your head" of how it works in the background because the project uses two databases SQL lite and PostgreSQL one for local development and the other is used on the server side in production).
- Basic understanding of network (HTTP/HTTPS; ports 80, 443, port redirecting, TSL, SSL, SSH)
- Basic understanding of the software development process.
Additional costs include: purchasing a domain name, SSL certificate and using Cloud Infrastructure. To launch the application you will need to register with one of the following Cloud providers or another. I used DigitalOcean (see link below).
- Domain names are relatively cheap if they are .se or .eu. The price goes up for .com .tech and .co but we're talking about a few hundred SEK at most.
- SSL certificates are something you can save on as instead of buying one, you can configure one from Let'sEncrypt on the server side with automatic updates (their certificates are valid for three months)
- Cloud Infrastructure or rather the resources that will be needed are minimal. Of course you can register with one of the big companies that offer Cloud solutions - Azure, AWS, Google and pay for what you use but as a student you can use discounts that go along with GitHub's "bundle" for students.
- Azure offers $100 for students where you can test their services and use a whole range of different services for free for 12 months
- AWS has a so-called Free Tier that you can use during the first 12 months
- Google Cloud has a program for students as well but I haven't explored it
- DigitalOcean offers $200 for students to use over a year. Click and see their offer here
- Bootstrap 5/ HTML/ CSS/ Javascript
- Python 3.11.0
- Django 4.2
- django-ckeditor 6.5.1
- gunicorn 19.9.0
- whitenoise 6.4.0
- Pillow 9.5.0
❗Use CMD
Clone the project
git clone https://github.com/PavelKostyuk/Portfolio_Projekt.gitGo to the project directory
cd Portfolio_Projekt\PortfolioCreate Virtual Env
virtualenv env Activate Virtual env
cd env\scripts & activate Navigate back to right project directory to install dependencies
cd ..\.. Install dependencies
pip install -r requirements.txtMakemigrations and migrate to create DB (SQLlite)
python manage.py makemigrations && python manage.py migrateCollect static files
python manage.py collectstaticCreate user for admin panel
python manage.py createsuperuser- Note: No need for email. Create something simple like "admin" with password "abc123"
Run the server
python manage.py runserver- Browse to http://127.0.0.1:8000/admin on your local machine and login
- Press "Project" and create your first project.
Stop running server
PRESS CTRL+C Here are some resources I have used to make this project possible. I encourage you to use them to accomplish your project successfully.
- Bootstrap5 Album-theme
- Quickstart: Deploy a Python (Django or Flask) web app to Azure App Service
- Django 4 - Build Portfolio Project with Bootstrap 5 (2023) - Udemy.
- Python Django Dev To Deployment (2023) - Udemy.
- Deploy Django on Linux - Udemy.
- How-do-i-install-an-ssl-certificate-on-a-droplet
- How-to-install-ssl-certificates
- How-to-create-a-self-signed-ssl-certificate-for-nginx-in-ubuntu-20-04-1
- Dokumentation från DigitalOcean – “How To Set Up Django with Postgres, Nginx, and Gunicorn on Ubuntu 18.04”
- Simple Django Deployment (part 12) - Setting up Supervisor -YouTube
- Django- CKEditor Tutorial (+ CodeSnippet) -YouTube
- Awesome Readme Templates
- Awesome README
- How to write a Good readme
Question 1: How do I deploy this project in a live production environment?
It depends on which platform you decide to use and how you want to deploy it. There are various ways to do it, so you can choose the one you like. I have provided information about deployment in the “acknowledgments” section. I used DigitalOcean as a cloud provider.
Question 2: Will you add new features to the project?
Yes, I will implement other things in the project and will update the repository accordingly with new features that I develop.
Question 3: Can I use this code and build my website on top of your initial setup?
Yes, you can modify the code as you like.
MIT License
Copyright (c) 2023 Pavel Kostyuk
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.