Loyalty Program Ecommerce Redux Application User Manual

User Manual:

Open the PDF directly: View PDF PDF.
Page Count: 15

DownloadLoyalty Program Ecommerce Redux Application User Manual
Open PDF In BrowserView PDF
LOYALTY PROGRAM
Responsive Application
Technology
All device responsive application developed using the technologies like
React, Redux, JQuery, Bootstrap, HTML 5, and CSS

RAHUL TRIMUKHE
rahultrimukhe777@gmail.com

Table of Contents
Introduction .................................................................................................................................................. 2
Self-Introduction ....................................................................................................................................... 2
Application Overview ................................................................................................................................ 2
Application Modules ..................................................................................................................................... 2
1.

Registration Form ............................................................................................................................. 2

2.

Login Form ........................................................................................................................................ 5

3.

Home Page ........................................................................................................................................ 7

4.

Offers Page ........................................................................................................................................ 9

5.

Product Page ................................................................................................................................... 10

6.

Carts Page ....................................................................................................................................... 12

Introduction
Self-Introduction
Hi, I am Rahul Trimukhe, I am working with TCS as a System Engineer in the information technology and
services industry. Skilled in Microsoft SharePoint 2013/2016/Office 365, React JS (FLUX & REDUX),
Angular JS and SharePoint Administration. Strong information technology professional with a Bachelor
of Engineering (B.E.) focused in Computer Science from Government College of Engineering Aurangabad.

Application Overview
I have developed Loyalty Program application using React, Redux, Bootstrap, JQuery, HTML5 and CSS.
This application is in responsive nature. It supports all the devices like IPhone, Google Android devices.
Due to times efficiency I have not used any database for this application, all operations are performed
on browser tab session only.

Application Modules
This application is mainly divided into five different modules which are as follows:
1.
2.
3.
4.
5.

Registration
Login
Home Page
Offers Page
Carts

1. Registration Form
Following validations are performed on Registration form
 Password validation: Password must contain at least one number, one uppercase, lowercase
letter and at least 8 or more characters.
 Email Validation
 Required field validation
 Confirm Password validation
Once user will fill the correct details and click submit, the details will get stored in current state of the
application and will redirect to the Login Page.

Registration form Desktop View

Mobile View (IPhone, Google Android devices)

2. Login Form
In the form, we have two input fields.
1. User Name
2. Password
Required Field validation, Password validations are applied on login form input fields.
Once end user will submit the login for with correct credentials, the application will redirects you to the
Home Page.
Desktop View

Mobiles View

3. Home Page
After successfully login user will redirect to the Home Page
This is page contains 2 Modules as follows:
1. Image gallery:
Can be used to display store images, different department events etc.
2. Offers Sliders:
User can quickly check the product and add it into the carts in fractions of seconds.
And also on click of Image, application will redirect you to the offers page.
There you can check out other deals.

Desktop View

Mobile View

4. Offers Page
All the products are displayed on this page with the sufficient product details. See more, Add to Cart
functionalities are introduced on this page. See more link will redirect you to the product page which
will show you the particular product details only.
Dashboard View

Mobile View

5. Product Page
User will have privilege to add the product into the carts and see the detailed information about the
product. Such as Image, Description, Price, Total availability of the product etc. on this page.
Dashboard View

Mobile View

6. Carts Page
All the products which user has added to his cart will be displayed on this page. Price, Quantity and Total
amount will get calculated with including taxes and delivery charges will be displayed on this page.
User has privilege to increase or decrease the quantity or remove item from cart.
Dashboard View

Mobile View

Note: Static Details Stored in the app.js file adding those details at run time.
Source Exif Data: 
File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.5
Linearized                      : No
Page Count                      : 15
Language                        : en-US
Tagged PDF                      : Yes
Title                           : Loyalty Program
Author                          : RAHUL TRIMUKHE
Subject                         : Responsive Application
Creator                         : Microsoft® Word 2013
Create Date                     : 2018:10:14 21:16:56+05:30
Modify Date                     : 2018:10:14 21:16:56+05:30
Producer                        : Microsoft® Word 2013
EXIF Metadata provided by EXIF.tools

Navigation menu