UNIVERSITY OF EDUCATION

Final Project Proposal Guide

© Universityof Education
1
TABLEOFCONTENTS

FINALPROJECTPROPOSALGUIDE........................................................................................................3
1. INTRODUCTION...........................................................................................................................................................................3
1.1 PROJECTTITLE..........................................................................................................................................................................3
1.2 PROJECTOVERVIEWSTATEMENT........................................................................................................................................4
1.4 PROJECTGOALS &OBJECTIVES...........................................................................................................................................6
1.5 HIGH-LEVELSYSTEMCOMPONENTS....................................................................................................................................6
1.6 LISTOFOPTIONALFUNCTIONALUNITS................................................................................................................................6
1.7 EXCLUSIONS..............................................................................................................................................................................7
1.8 APPLICATIONARCHITECTURE.............................................................................................................................................7
1.9 GANTTCHART............................................................................................................................................................................7
1.10 HARDWAREANDSOFTWARESPECIFICATION................................................................................................................8
1.11 TOOLSANDTECHNOLOGIES USEDWITHREASONING...................................................................................................8

© Universityof Education
2
 FinalProjectProposalGuide

1. Introduction

This project is about creating an e-commerce website, which is an online platform where
people can buy and sell products. The website will focus on three main product categories:
electronics, clothes, and home products. Customers will be able to browse through these
categories to find the items they need.

The website will offer features like a shopping cart where users can add products they wish
to purchase, and a secure payment system to safely complete their orders. There will also be
user accounts where customers can log in, save their favorite items, and track their orders.

The goal of this project is to create a user-friendly and convenient shopping experience. By
working on this project, I will learn important skills such as web development, database
management, and online security, which are essential for building a successful e-commerce
platform. At the end of the project, the website should work smoothly and provide a secure
and easy way for users to shop online.

© Universityof Education
3
 1.1 Project Title
Online Shopping Platform.

The project title, "Online Shopping Platform," was chosen because it clearly describes the
purpose of the project. The platform will be a website where users can shop online for
various products. This means people will be able to browse, select, and buy items without
having to visit a physical store.

The word "online" highlights that everything will happen over the internet, making it
convenient for users to shop from anywhere. The term "shopping platform" refers to the
website itself, which will have different features to make the buying process easy, like
product categories, a shopping cart, and a secure payment system.

Overall, this title explains that the project is about building an online store that provides a
simple, safe, and user-friendly experience for customers to shop for products like
electronics, clothes, and home products.

© Universityof Education
4
 1.1Project Overview Statement

The Online Shopping Platform is a project designed to create a website where people can
easily buy products online. The main goal of this platform is to provide a convenient and
user-friendly experience for customers who want to shop from the comfort of their homes.

The website will focus on three main categories of products: electronics, clothing, and home
products. This means customers can find items like smartphones, clothes for men, women,
and children, and furniture or kitchen supplies all in one place.

Key Features of the Online Shopping Platform:

1. User-Friendly Design: The website will be easy to navigate, allowing customers to

find what they are looking for quickly.
2. Product Categories: Users will be able to browse different categories to see all
available products.
3. Shopping Cart: Customers can add items they wish to buy to their shopping cart,
making it easy to review their selections before purchasing.
4. Secure Payment System: The platform will include a safe and secure way for
customers to pay for their items online, ensuring their personal and financial
information is protected.
5. Order Tracking: After making a purchase, customers will be able to track their orders
to know when their items will arrive.

© Universityof Education
5
Project Overview Statement Template
Project Title: Online Shopping Platform

Group Leader: Saqlain Dawood

Project Members:
Name Registration# EmailAddress Signature
Saqlain Dawood
Muhammad Aftab Ashraf
Muhammad Jahanzaib

ProjectGoal:1. Increasing traffic from social media 2. Better use of email marketing
3. Increased customer satisfaction 4. More effective use of coupons/discounts
5. Getting more leads from SEO 6. Increased conversion rates

Objectives:
Sr.#
1 Increase Online Sales
2 Enhance Customer Convenience
3 Expand Market Reach
4 Improve Brand Visibility
5 Efficient Inventory and Order Management
6 Data Collection and Analytics
Project Success criteria:

Assumptions , Risks and Obstacles:

OrganizationAddress(ifany):

Type ofproject: Research Development

TargetEndusers:

Development Technology: Object Oriented Structured Other

Platform: Web based Distributed
Desktopbased SetupConfigurations
Other
SuggestedProjectSupervisor:
ApprovedBy:
Date:

© Universityof Education
6
1.4 Project Goals & Objectives

 Build a Working Website: The main goal is to create a website that works well,
where people can easily look at products and buy them online.
 Make Shopping Easy: The website should be simple to use, so anyone can find
products, add them to their cart, and pay without any confusion.

 Improve customer loyalty: Keep customers coming back by making sure they are
happy with your products and services.

 Increase sales: Find ways to sell more products by offering discounts, making
checkout easy, or promoting your best items.

 Customer experience: Make shopping on your website enjoyable and smooth for
customers, from browsing to checkout.

 Security: Keep customer information safe from hackers by using secure systems for
payments and data.

 Grow your email list: Get more people to sign up for your emails so you can tell
them about new products and deals.

 Increase relevant traffic: Attract more visitors who are interested in your products,
not just random clicks.

Objectives

 Increase Online Sales

 Attract More Customers
 Enhance Customer Convenience
 Build Brand Awareness
 Improve Brand Visibility
 Provide 24/7 Availability
 Ensure Security
© Universityof Education
7
  Support Multiple Payment Options

High-level system components

 User Interface (UI):

The front-end where users browse products, add items to their cart, and
complete purchases, ensuring a smooth shopping experience.
 Backend:
Manages server-side operations like user authentication, order processing, and
communication with the database.
 Database:
Stores essential information such as product details, customer data, order
history, and inventory.
 Payment Gateway:
Secure payment system for processing online transactions (credit/debit cards,
mobile wallets, etc.).
 Inventory Management
This component tracks the availability and stock levels of products. It updates
in real-time to ensure that only available products are shown to customers,
preventing over-selling.
 Email & Notification System
Sends order confirmations, shipping updates, and promotional messages to
users. It keeps customers informed and engaged through email and push notifications.

1.5 List of optional functional units

1.5.1 Wishlist Feature

Allows users to save products they are interested in for future purchases. This feature keeps
customers engaged and encourages them to return, increasing the chances of conversion at a
later time.

1.5.2 Product Reviews and Ratings

Enables customers to rate and review products, helping build trust and guide potential buyers.
Positive reviews can improve sales, while feedback helps improve product quality.

1.5.3 Subscription Service

© Universityof Education
8
 Allows customers to subscribe to regular product deliveries. This creates a recurring revenue
stream and encourages long-term customer relationships with regular purchases.

1.5.4 Advanced Search Filters

Provides detailed filters for users to narrow down search results based on criteria like price,
brand, size, etc. It improves the shopping experience by making it easier to find specific
products.

1.5.5 Mobile App

A dedicated app complements the website, providing a tailored shopping experience for
mobile users. It keeps customers engaged through push notifications and a more streamlined
mobile interface.

1.6 Exclusions

1.6.1 Customizable Product Features

The project will not include options for users to customize products (e.g., changing
colors, sizes, or features) beyond predefined selections.

1.6.2 Video Streaming or Live Sales Events

The site will not feature live video streaming for product launches or live sales events.
All product sales will occur through static pages.

1.6.3 Multi-Vendor Marketplace

The project will not include functionality for multiple sellers or vendors managing
their products within the same platform. It will focus on a single-vendor model.

1.6.4 Custom Order Management System

The website will not include a custom-built order management system, but will rely
on basic functionalities provided by standard e-commerce platforms.

1.6.5 Blog or Content Management System (CMS)

The website will not have a blog or built-in content management system for posting
articles, news, or other content beyond essential product information.

© Universityof Education
9
1.6 Application Architecture

The architecture can be represented as a multi-layered model:

1.6.1 Client-Side (Presentation Layer)

This is the user-facing part of the e-commerce website where customers interact with the
platform.
 Technologies: HTML , CSS , JavaScript frameworks (React)
 Components
1. Product Pages
2. Shopping Cart
3. Checkout
4. User Accounts
5. Search and Navigation
6. Responsive Design

1.6.2 Server-Side (Back-End):

The back-end contains the business logic, processes data, and communicates with the
database and external services
 Technologies: Node.js with Express.js
 Components
1. Business Logic
2. API Management
3. Order Processing
4. Inventory Management

1.6.3 Database Layer

© Universityof Education
1
0
 This layer stores all the essential data for the e-commerce platform, such as user
information, product details, orders, and transaction records.
 Technologies: MySQL, PostgreSQL, MongoDB, Oracle.
 Components
1. User data
2. Product catalog
3. Order and payment Data
4. Inventory Data

1.6.4 API Layer

The API layer is responsible for integrating the e-commerce platform with external
services and applications.
 Technologies: RESTful APIs
 Components
1. Payment Gateway Integration
2. Shipping and Fulfillment API
1.6.5 Security Layer
The security layer protects sensitive customer data (personal details, payment information)
and ensures the platform is safe from cyberattacks.
1.6.6 Payment Gateway
The payment gateway facilitates secure online payments, connecting the e-commerce site
with financial institutions for processing transactions.
 Technologies: Jazz cash , Easy paisa , Banks(UBL , MCB , Alfalah )
 Components
1. Secure Payment Processing
2. Payment Method
3. Payment confirmation

1.7 Gantt chart

A Gantt chart in the context of an e-commerce website project is a visual timeline that
helps track the various tasks and phases of the project, showing their start and end dates,
© Universityof Education
1
1
duration, and dependencies between tasks.

Sample Gantt chart

1.8 Hardware and Software Specification

1.8.1 Client Devices

 Desktops/Laptops
A dual-core processor (e.g., Intel i3 or AMD equivalent) with at least 4 GB of
RAM and 100 GB of available storage ensures smooth performance for
browsing and shopping. A minimum screen resolution of 1366 x 768 pixels is
recommended for a good user experience.
 Smartphones
Devices should run on Android 7.0 or higher, with a minimum of 1 GB
of RAM. A 4G or Wi-Fi internet connection is essential for seamless
access to the e-commerce site.

1.8.2 Software Specifications

 Operating System:

The e-commerce website should support modern operating systems like

Windows 10 or later, and the latest stable version of Linux to ensure
compatibility across devices.

 Web Server:

Utilize robust web servers such as Apache or Nginx to efficiently handle

requests and serve web pages, providing reliability and performance for users
accessing the site.

 Programming Languages:

© Universityof Education
1
2
 The website should be developed using JavaScript, HTML, and CSS for the
front end, while Node.js can be used for the backend, allowing for dynamic
content.

1.9 Tools and technologies used with reasoning

1.9.1 Front-End Development Tools

 HTML5
HTML (Hyper Text Markup Language) used to create and structure web
pages. It introduces new features for multimedia, improved semantics,
and user-friendly forms, making web development easier and more
interactive.
 CSS3
Cascading Style Sheets and is used to style and format the layout of
web pages. It allows developers to control the look of elements, such as
colors, fonts, spacing, and positioning, making websites visually
appealing and responsive.
 JavaScript
JavaScript is a programming language commonly used to create
interactive and dynamic content on websites. It allows developers to
manipulate HTML and CSS, enabling features like animations, form
making web pages more engaging.
 React.js
React.js is a JavaScript library used for building user interfaces,
particularly for single-page applications. It allows developers to create
reusable UI components and efficiently manage the state of their
applications, resulting in a fast and interactive user experience.
 Bootstrap or React Bootstrap
Bootstrap is a popular front-end framework for developing responsive
and mobile-first websites. It provides a collection of pre-designed CSS
and JavaScript components, such as grids, buttons, and navigation bars,
making it easier and faster to create visually appealing web layouts.

1.9.2 Backend Development Tools

 Node.js
A JavaScript runtime environment that allows developers to run
JavaScript code on the server side. Node.js is also popular for building
RESTful APIs.

© Universityof Education
1
3
  Express.js
A web application framework for Node.js that simplifies the
development of server-side applications. Express provides a robust set
of features for building web and mobile applications, such as routing,
middleware support, and easy integration with databases.
 MongoDB
A NoSQL database that stores data in a flexible, JSON-like format.
MongoDB is designed for scalability and performance, allowing
developers to handle large volumes of data easily. It integrates well
with Node.js and works well with unstructured data.
 Postman
An API development and testing tool. Postman allows developers to
easily test API endpoints, debug requests, and organize API
documentation, making it essential for building and testing the
backend.
 Nodemon
A utility that automatically restarts the Node.js application when file
changes are detected. It improves development efficiency by reducing
the need to manually restart the server after every change.

© Universityof Education
1
4