1|Page

COMSATS University (Sahiwal campus)

Assignment # 2
Web Technologies (theory)

Submitted To:

Mr. M Jamil.

Submitted by:

Muhammad Binyameen.

Roll Number:

FA21-BCS-051.

Topic:

Project Proposal.

Semester:

6th Semester.

Dated:

Tuesday, 25 March 2024.

Section:

B.

FA21-BCS-051
2|Page

1. Project Proposal

Problem Statement and Need: The project aims to address the increasing demand for men's
grooming products by creating a comprehensive e-commerce platform that offers a wide range
of clothing, shoes, and accessories. The need for such a platform arises from the growing trend
of men paying more attention to their grooming and style. However, many existing platforms
primarily focus on women's fashion, leaving a gap in the market for a dedicated men's
grooming product website.

Target User Personas:

1. Fashion Enthusiast: A young professional who values trendy clothing and accessories to
make a style statement.

2. Athletic: A fitness enthusiast seeking comfortable, durable sportswear and shoes.

3. Classic Gentleman: An older demographic looking for timeless, sophisticated clothing

options.

Key Features and Functionalities:

 User authentication and account management.

 Product categorization (clothing, shoes, accessories) with filters and search

functionality.

 Shopping cart and checkout process with secure payment gateways.

 User reviews and ratings for products.

 Responsive design for seamless user experience across devices.

Choice of Technologies:

 Frontend: HTML5, CSS3, JavaScript (js for dynamic UI)

 Backend: Laravel with framework

FA21-BCS-051
3|Page

 Database: PHP and SQL for flexibility and scalability

 Authentication: JSON Web Tokens (JWT) for secure user authentication

Planned Project Schedule:

 Milestone 1 (Week 1-2): Requirement gathering, user research, and wireframe

development.

 Milestone 2 (Week 3-4): Application design, database modeling, and UI prototyping.

 Milestone 3 (Week 5-6): Frontend and backend development, integration, and testing.

 Milestone 4 (Week 7-8): Deployment, user acceptance testing, and final refinements.
Contingency Plan: Buffer time allocated for unexpected delays or issues during the
development and testing phases.

2. Requirements Analysis

User Research Methods:

 Surveys and interviews with Pakistani men to understand their fashion preferences,
shopping habits, and pain points.

 Analyze competitor platforms catering to the Pakistani market to identify gaps and
opportunities.

Findings from User Research:

 User personas: Trendy Tahir, Traditional Tanveer, and Sports Enthusiast Shahid.

 Scenarios: Different scenarios such as browsing products, adding to a cart, and payment
methods for local users.

 Pain Points: Limited availability of culturally relevant products, payment issues, and
language barriers.

FA21-BCS-051
4|Page

Sitemap and Information Architecture: (Visual representation of the sitemap and navigation
flows adapted for Pakistani users)

Wireframes and Edge Cases: (Explain wireframes for each page/section with scenarios and
edge cases specific to Pakistani users)

Entity Relationship Diagram (ERD):

(ERD modelling tailored for the Pakistani market with tables, relationships, and attributes
relevant to local products and users)

3. Application Design

Application Architecture:

 Frontend: React.js for dynamic and localized UI components.

FA21-BCS-051
5|Page

 Backend: Node.js and Express for handling server-side logic, API integrations, and
language support.

 Database: MongoDB for flexible data storage and scalability.

 Deployment: Host on local cloud providers like AWS Pakistan or local data centers for
optimized performance.

Module-wise Responsibilities:

 Frontend: UI components, localization, and responsive design.

 Backend: API endpoints, database interactions, payment gateway integrations, and

language support.

 Database: Data storage, retrieval, and management with localization considerations.

UI Design Prototypes: (Attach UI design prototypes showcasing localized UI, payment flows,
and language options)

Database Schema: (Describe the database schema including tables, relationships, and
validation rules specific to Pakistani market needs)

Backend Setup:

 Frameworks: Express.js for routing, Mongoose for MongoDB interactions, and payment
API integrations.

 Localization: Use packages like i18next for language support and localization features.

 Hosting: Consider local hosting options for better performance and compliance with
local regulations.

FA21-BCS-051