Full Stack Web Development Using DJANGO

Explore full stack web development with Django, building a live project from scratch featuring user signup, authentication, product catalog with pagination and search, backend admin, and deployment to Python Anywhere.

Create a Django project by making a folder, creating and activating a virtual environment, installing Django, and running migrations to view the default landing page at localhost:8000.

Explore the Django folder structure by inspecting settings.py, urls.py, and app files in VS Code. Bind your app to the project, run the server, and view the admin page.

Create the root route in urls.py linking to the home view in views.py, returning a home page, then add a contact route with path 'contact' returning a contact page.

Learn how to return a full HTML page in Django by rendering home.html with the render function and organizing templates in an app-specific folder.

Apply bootstrap styling to a Django home page using CDN CSS and JS, with a container and centered text, and consult the docs to choose responsive bootstrap classes.

Build a reusable nav bar by creating a nav bar HTML file and including it in Django templates, delivering a responsive bootstrap navbar with a dark theme and visible hamburger.

Design and implement a Bootstrap carousel with slides, indicators, and optional text overlays, integrate it with the navbar, and source three images from Unsplash or a local folder.

Explore building a Bootstrap carousel in a Django app by wiring slides with images from static files, applying object-fit: cover and a fixed height, and tuning captions for responsive displays.

Modify the Bootstrap carousel by customizing headings and captions for three slides, then explore Django backend integration to render product cards with images, titles, and descriptions.

shows how to enable an auto-rotating bootstrap carousel in a django project by setting data-bs-interval and data-bs-ride on carousel items, with mobile responsiveness.

Design a Django model named product with fields product_id, product_name, product_description, and product_category, and enforce unique product_id. Register the model in admin.py, apply migrations, and run the server.

Create a Django super user with python manage.py createsuperuser to access the admin panel, then add a product image field and configure uploads to store in the images folder.

Configure Django media settings to enable product image uploads, install pillow, update the product model, run migrations, and test admin uploads.

Add products to the database using Django admin, including product IDs, descriptions, and images stored under media/images, then render the product on the frontend as a card.

Fetches product data from the database in a Django view, uses product.objects.all, and passes it as context to home.html for rendering on the front end.

Render bootstrap cards in Django by using the product_info context variable in home.html to display a single product, and apply bootstrap card styles by copying reference code from the documentation.

Render product data as Bootstrap cards by iterating the Django context, building a container, row, and column, and displaying image, name, description, category, and id.

Add pizza and cake through Django admin, with descriptions, snacks and desserts categories, and images, then render them dynamically on the home page as cards by iterating the query set.

Optimize the card section by configuring a responsive grid that renders one column on small devices, two on tablets, and three on large screens, with uniform image sizes.

Create a separate footer.html and include it in home.html using Django's include syntax. Add bootstrap icons for social media links such as Facebook, Instagram, Pinterest, and Twitter.

Enhance the footer by adding Instagram, Twitter, and Pinterest icons from Bootstrap Icons, align them in a single row with margins, and style them white on dark background with container-fluid.

Build a footer with a white copyright disclaimer in a row div, then optimize margins, padding, and icon size for prominent social links, including Twitter X.

Implement Django pagination for the product page by using the Paginator to display three products per page, wiring views, urls, and a product.html template to render page objects.

Implement and render Django pagination for product cards using a page_obj context, HTML loops, and navigation controls, demonstrating first, previous, next, and last pages with dynamic page numbers.

Build and render a Django contact page by creating a contact view and template, wiring bootstrap and navbar, and presenting a map and contact details while storing form submissions.

Designs the contact page with a container, row of two columns for contact info and map, embed Google Map, adjust responsiveness, and highlight JavaScript CDN integration to enable the navbar.

Build a bootstrap-styled Django contact form, handle post requests, save to contact_query model with name, email, message and auto-filled date time, register in admin, and provide user feedback.

explore django authentication by implementing signup and login using authentication form and user creation form, wiring login_user and sign_up_user views, and building login_user.html and sign_up_user.html templates.

Implement Django authentication by validating login credentials with authenticate, logging in the user, and redirecting to the home page, while handling invalid credentials with clear errors.

Implement the Django logout flow by turning the logout button into a link, creating a logout_user view, mapping a logout URL, and validating the logout behavior.

Implement Django signup and authentication: render signup form on get, handle post with password match and unique username checks, create and login the user, and protect product pages with decorators.

Learn how to enforce access control in Django by applying the login_required decorator to views, redirecting unauthorized users to the login page, and protecting product sections.

Style the navbar brand using the dancing script from Google fonts, loading via CDN, and set Spice Village in gold with an updated font size.

Implement a Django search bar that posts to a find product view, filters results by name or category using contains, and renders matches with a no record found message.

Adjust the navbar spacing by adding vertical margins to the buttons, ensure responsive behavior on iPad, and outline steps to host the Django project online.

Prepare production deployment by moving the secret key to a .env file, setting debugging to false, configuring allowed hosts, and creating a requirements.txt before pushing to GitHub.

Push your Django project to GitHub with git push, verify the upload, and deploy on PythonAnywhere by creating a virtual environment, installing requirements.txt, and configuring the web app.

Deploy the Django project on PythonAnywhere by configuring the source code path, WSGI, and virtual environment, then fix static and media handling with collect static and proper URLs.

Use a .env file to manage Django's secret key for production, noting gitignore hides it on GitHub; without it, Django may generate default key affecting tokens, CSRF, and session security.