Software Engineering Presentation.

1. Project: “Full stack web(Byte Basket)
development and automated testing”
Submitted by : Tanisha Tasnuva
Student ID: 2024-1-96-011
Program : MSCSE
Submitted to : Prof. Dr. Shamim Hasnat Ripon
Department of Computer Science & Engineering
East West University
(Spring 2025)
CSE550: Software Engineering

2. Key Table of contents
 Introduction
 Tools & Technologies Used
 System Design / Architecture
 Web Implementation
 Local deployment
 Automated Testing with Selenium
 Test Output & Validation
 Conclusion & Learning Outcomes

3. 1.Introduction
 1. Introduction
A full stack web application is a software built with the combination of front-
end and back-end elements.
A full stack e-commerce website users can register, log in , browse, buy
products online.
Automated software testing ensures functionality, reliability, and user
satisfaction.

4. 2. System Design / Architecture
 Web apps follow a client-server model: the client
sends requests; the server responds.
 Frontend manages user interface, backend
processes logic, and database stores data.
 Local host delivers a real server environment for
development and testing.

5. 3. Tools & Technologies Used

Python in VScode, chrome.

PHP: Server-side scripting language to build dynamic web pages.
HTML/CSS/JS: Create structure, style, and interactivity on the
frontend.
MySQL: Relational database applied for storing structured data.
Laragon: A to z package for local server stack for web
development.
Selenium (Python): Tool for automating browser actions to test
web apps.

6. 4. Web Implementation Details
 Receiving user input through POST/GET in server can be
done by form handling.

Tracking user login state and cart data managed by
sessions in PHP

CRUD operations manage data

JavaScript is used to secure interactivity (e.g., dynamic
cart updates).

13. 5. Local Deployment (localhost)
 localhost (127.0.0.1) means my own computer working as a web
server.
Laragon feature creates local hosting of PHP projects with Apache
and MySQL.
Files are opened through http://localhost/filename.php in the
browser.

15. 6. Automated Testing with Selenium
 Automation replaces manual testing with repeatable
scripts.
By using Web driver, Python control browser interactions
like clicks and typing.
Selenium examines that the website works as expected
from a user’s point of view.

17. 7. Test Output & Validation
 Testing compares expected vs. actual behavior to confirm
validity.
Selenium test logs show a step-by-step simulation of user
actions.
Matching Selenium and web model output defines logical
consistency.

18. 8. Conclusion & Learning Outcomes
 Built a fully functional full stack web app.
 Learned to integrate frontend, backend,
and database effectively.

19. Any questions?

20. Thank You