Full-Stack Web Development with Flask, VueJS & SQLite (SESSION-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! 🚀
On this page of the site you can watch the video online Full-Stack Web Development with Flask, VueJS & SQLite (SESSION-2) with a duration of hours minute second in good quality, which was uploaded by the user Tech Brain 23 March 2025, share the link with friends and acquaintances, this video has already been watched 369 times on youtube and it was liked by 8 viewers. Enjoy your viewing!
