Introduction:

The project will work as a discount finder, where a user can find products with maximum discount. A
user can sign up either as a seller or as a customer. By signing up as a seller, a user will get a QR code for
his shop to put it on his shop as a printed poster or banner. The seller can update the discount information
and discounted product list and price. The customer can either search his/her desired product for the best
discount from anywhere and the app will give him the suggestion based on the location, or he/she can
visit a shop which is signed up with this app and scan the QR code which is hanged on the shop (like the
bkash agents have) to get the idea about that shop and the discounted product and the price list instantly.
Customer can also search for a specific product and the application will search the best deal based on the
location. By using this application, seller can raise their sells by reaching more customers. A specific
amount can be deducted from the customer’s payment as well as from seller in the time of registration. It
will be managed by the managing bodies and administrating bodies. The earning can be maximized by
well management and cooperation with another e-commerce providers.

Document Conventions:

1. Document language elements and attributes

 CSS property, descriptor, and pseudo-class names are delimited by single

quotes.
 CSS values are delimited by single quotes.
 Document language element names are in upper case letters.
 Document language attribute names are in lower case letters and delimited by
double quotes

2. CSS property definitions

Each CSS property definition begins with a summary of key information that resembles the following:

'Property-name'

Value: Possible constant values or value types

Initial: The initial value

Applies to: Elements this property applies to

Inherited: Whether the property is inherited

Percentage
How percentage values should be interpreted
values:

The five categories have the following meanings:

Value
This part of the property definition specifies the set of valid values for the property. Value types
may be designated in several ways:

 constant values (e.g., 'auto', 'disc', etc.)

 basic data types, which appear between "<" and ">" (e.g., <length>, <percentage>, etc.). In the
electronic version of the document, each instance of a basic data type links to its definition.
 non-terminals that have the same range of values as a property bearing the same name (e.g.,
<border-width> <background-attachment>, etc.). In this case, the non-terminal name is the
property name (complete with quotes) between "<" and ">" (e.g., <'border-width'>). In the
electronic version of the document, each instance of this type of non-terminal links to the
corresponding property definition.
 non-terminals that do not share the same name as a property. In this case, the non-terminal name
appears between "<" and ">" (e.g., <border-width>) and its definition is located near its first
appearance in the specification. In the electronic version of the document, each instance of this
type of non-terminal links to the corresponding value definition.

Other words are keywords that must appear literally, without quotes. The slash (/) and the comma
(,) must also appear literally.

Several things juxtaposed mean that all of them must occur, in the given order. A bar (|) separates
alternatives: one of them must occur. A double bar (A || B) means that either A or B or both must
occur, in any order. Brackets ([]) are for grouping. Juxtaposition is stronger than the double bar,
and the double bar is stronger than the bar. Thus "a b | c || d e" is equivalent to "[ a b ] | [ c || [ d
e ]]".

Every type, keyword, or bracketed group may be followed by one of the following modifiers:

 An asterisk (*) indicates that the preceding type, word or group is repeated zero or more
times.
 A plus (+) indicates that the preceding type, word or group is repeated one or more times.
 A question mark (?) indicates that the preceding type, word or group is optional.
 A pair of numbers in curly braces ({A,B}) indicates that the preceding type, word or
group is repeated at least A and at most B times.

The following examples illustrate different value types:

Value: N | NW | NE
Value: [ <length> | thick | thin ]{1,4}
Value: [<family-name> , ]* <family-name>
Value: <url>? <color> [ / <color> ]?
Value: <url> || <color>

Initial
 The property's default value. If the property is inherited, this is the value that is given to the root
element of the document. Otherwise it is the value that the property will have if there are no style
rules for it in either the user's or the designer's style sheet.
Applies to
Lists the elements to which the property applies. All elements are considered to have all
properties, but some properties have no rendering effect on some types of elements. For
example, 'font-style' has no effect if the element is an image.
Inherited
Indicates whether the value of the property is inherited from a parent element.
Percentage values
Indicates how percentages should be interpreted, if they occur in the value of the property. If
"N/A" appears here, it means that the property does not accept percentages as value

3. HTML conventions

In this specification, most of the examples refer to HTML. For clarity, HTML elements are
written with upper case letters (e.g., HTML, BODY, EM, P) and HTML attributes are written
with lower case letters (e.g., src, class, id).

Description of Design Components:

1. Server Side: Languages/frameworks include but are not limited to Ruby (Rails), Javascript (Node.js),

Python (Django), PHP, C#, and Java; but the list of possibilities is infinite. Any code that can run on a

computer and respond to HTTP requests can run a server.

 Stores persistent data (user profiles, instatweets, mybook pages, etc.).

 Cannot be seen by the user (unless something is terribly wrong).

 Can only respond to HTTP requests for a particular URL, not any kind of user input.

 Creates the page that the user finally sees (this is generally only true in web applications that

choose to render most of their layouts on the server).

2. Client-Side:

 Languages used include: HTML, CSS, and Javascript. Nothing else. But don’t worry, there’s a

million frameworks and transpiles-to-[CSS|HTML|JS] languages to choose from (and keep

yourself updated on) anyway.

 Parsed by the user’s browser.

 Reacts to user input.

 Can be seen and edited by the user in full.

 Cannot store anything that lasts beyond a page refresh.

 Cannot read files off of a server directly, must communicate via HTTP requests.

 Creates the page that the user finally sees (this is generally only true in single page applications).

3. Google map: For the GPS based inquiry for customer is based on a virtual mapping technology. To
precise this action, the software need the access of any map provider. In this circumstance, google map
is required through the legal API provided by the company. Mapping will be scoped for a specific region
this time. Further increment may occur in future.

4. Mobile: Mobile is needed to operate the app. Both user and seller can use the app. For consumer app
can be used to scan products, search and buy any products that he/she wants. Seller can update price, add
and remove new products through the app.