Full-Stack Web Development with Flask, VueJS & SQLite (SESSION-6(2))

This comprehensive course will take you from the basics to advanced concepts of full-stack web development using Flask for backend, VueJS for frontend, and SQLite for database storage. We will also cover essential topics such as authentication, API development, role-based access control (RBAC), asynchronous jobs with Celery & Redis, and much more!

Course Breakdown (Session-wise Plan)
Backend Development (Sessions 1-8)
Session 1:
Introduction to Flask and setting up the project.
Understanding Flask routes and the app factory pattern.
Setting up an SQLite database.
Introduction to Flask-JWT for authentication (signup/login).
Session 2:
Implementing role-based access control (RBAC).
Building APIs for user roles: Admin, Store Manager, and User.
Testing APIs using Postman.
Session 3:
Developing CRUD APIs for category management (Admin-only).
Implementing API validations.
Handling multilingual data (UTF-8).
Session 4:
Building product management APIs for Store Managers.
Managing relationships between categories and products.
Testing with Postman.
Session 5:
Creating APIs for product search (filters: category, price, name, etc.).
Implementing cart management APIs (add, remove, total calculation).
Session 6:
Introduction to Celery and Redis for asynchronous jobs.
Implementing daily reminders using Celery.
Testing scheduled jobs locally.
Session 7:
Creating a monthly activity report API.
Generating HTML emails for activity reports.
Scheduling tasks with Celery.
Session 8:
Implementing an export products as CSV API (asynchronous job).
Adding caching to frequently used APIs (e.g., categories/products).

Frontend Development with VueJS (Sessions 9-16)
Session 9:
Introduction to Vue.js (CDN vs. CLI).
Setting up a Vue CLI project.
Understanding Vue lifecycle, components, and directives.
Session 10:
Creating a user authentication UI (login/signup forms).
Integrating JWT-based authentication APIs using Fetch API.
Session 11:
Developing an Admin Dashboard for category management.
Implementing add, edit, and delete functionality for categories.
Session 12:
Creating a Store Manager Dashboard for product management.
Implementing product CRUD operations using Vue components.
Session 13:
Implementing product search functionality.
Filtering by category, name, and price.
Dynamically displaying search results.
Session 14:
Developing a shopping cart UI.
Implementing add/remove products functionality.
Handling "out of stock" products.
Session 15:
Implementing alerts and reports.
Displaying user reminders and activity summaries.
Adding an export CSV button and handling async job status updates.
Session 16:
Final integration of all components into a fully functional app.
Testing and debugging the complete application on localhost.

Tech Stack Used:
Backend: Flask (API), SQLite (database), Celery & Redis (batch jobs, caching).
Frontend: VueJS (UI), Bootstrap (styling), Fetch API (API integration).
Tools: Postman (API testing), Vue CLI (for Vue.js development).
By the end of this course, you'll have a fully functional full-stack web application with authentication, role-based access, search functionality, a shopping cart, and real-time reports! 🎯
Don't forget to like, subscribe, and hit the bell icon to stay updated! 🚀

Видео Full-Stack Web Development with Flask, VueJS & SQLite (SESSION-6(2)) канала Harsh Kumar