DEV Community

Cover image for How to Develop and Deploy Django Tailwind Blog and Developer Portfolio Website
Ashish
Ashish

Posted on • Updated on

How to Develop and Deploy Django Tailwind Blog and Developer Portfolio Website

A portfolio website is must for any developer as it showcases the developer's projects and help him to organize his work at a place.

I created an Developer Tailwind Portfolio Website using Python's Django Framework, HTML, CSS and JavaScript. This website not only includes the section to showcase your projects but also has a dynamic blog page therefore its a Developer Portfolio + Blog Website.

django-tailwind-css-portfolio

An Overview of Django Tailwind CSS Portfolio

"Django Tailwind Blog" is a developer blog and portfolio website built using Django and Tailwind CSS. It includes several pages such as Home, About, Contact, Blog, Projects, Categories, and custom 404 pages.

The project features a clean and modern design that is fully responsive and optimized for performance. It includes a powerful admin interface for managing the content, and is easy to customize and deploy to a production environment.

Technologies used

  1. Python (Django)
  2. HTML
  3. Tailwind CSS
  4. JavaScript

Pages

  • Home: The landing page of the website, which displays a brief introduction and links to other pages.
  • About: A page that provides information about the site owner, their background, and skills.
  • Contact: A page that contains a contact form for visitors to send messages to the site owner.
  • Blog: A page that displays a list of blog posts in reverse chronological order, with links to individual post pages.
  • Blog Post: A page that displays the content of a single blog post, including the title, author, date, and content.
  • Projects: A page that displays a list of portfolio projects, with links to individual project pages.
  • Project: A page that displays the details of a single portfolio project, including the title, description, date, and any relevant images or links.
  • Categories: A page that displays a list of blog post categories, with links to filtered lists of posts for each category.
  • Custom 404 Pages: Custom error pages that display when a user navigates to a non-existent page or encounters an error.

Website Admin Dashboard

Using admin dashboard you can easily create, update and delete the blogposts. The admin dashboard uses WYSIWYG editor, TinyMCE to write your posts.

More information about this project can be found on my GitHub Profile.

Project Link: Django Tailwind CSS Portfolio
LinkedIn: https://www.linkedin.com/in/ashish-makes/
GitHub: https://github.com/ashish-makes/

Top comments (3)

Collapse
 
mrinasugosh profile image
Mrinalini Sugosh (Mrina)

I really enjoyed this tutorial, @ashishmakes , would you be interested in contributing this to the official TinyMCE blog ?

Collapse
 
ashishmakes profile image
Ashish

Thanks, for your comment. Yes, sure I am interested in contributing to TinyMCE blog.

Collapse
 
mrinasugosh profile image
Mrinalini Sugosh (Mrina)

@ashishmakes Send me an email mrina.sugosh@tiny.cloud and I will get you setup to add this to the DevTo Blog on our page!