Description
This is mainly a blog website that talks a lot about games and tv shows. The name is called Ghost Pants because that's what Blizzard's account called it as.
Needs for the project
- [x] Implement features from Tim's Tutorial to serialize Django and React as the UI
- [ ] Blog Posts can read markdown files for description details or have a text editor in them
- [ ] Others can comment of Blog Posts (we don't need complex relations here so a RDBMS will do)
- [ ] Rankings per game (Utilizing a separate fields?)
- [ ] Can search and organize by genre and category (Utilizing a separate class)
- [ ] Can do a general search - Tutorial reference (no need for a Search Engine DBMS)
- [ ] Basic Styling and UI - React (Serialize with React)
- [ ] Get admin to work as an official user
- [ ] Setup Docker container for Nginx and Gunicorn (Maybe?) for webhosting and deployment
- [ ] Setup and choose a Cloud Service Provider
Technology Used
This is a list of technologies used to build up the website.
Will need to add in:
- GCP/ DigitalOcean/ Heroku - Need to choose
Programming Languages
- JavaScript, HTML, CSS, Bootstrap, React
- Python and Django
Will need JavaScript, HTML, and CSS because that's just basic Web Development needs. Generally will use Bootstrap for some specific styling stuff. React for single page rendering mechanics built in for better UI experience. Skipping jQuery because React is enough for specific UI stuff if Bootstrap is not able to handle it - Django-jQuery setup. We are skipping TypeScript because it's not necessary for this.
We will use Python and Django for this project because Django is great for blogs.
Database
We will stick with a Relational Database Management System. Specifically we will be using PostgreSQL due to being free and open source as well as the ability to handle complex data. We will start out with SQLite though to start out with though.
Webhosting
Using Nginx and Gunicorn for this because they are compatible with Django Development.
Cloud Service Provider
Need to choose between:
- GCP - Expensive
- DigitalOcean - Mid Range
- Heroku - Most cheap
Most likely going to choose Heroku due to being cheap and this is mainly for myself.
References
- https://www.toptal.com/developers/gitignore/api/django,react
- https://www.django-rest-framework.org/
- https://docs.djangoproject.com/en/5.0/topics/serialization/
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
- Tim's Tutorial
- Tim's Tutorial Repository