CLUSTER AND OUTLINE OF PAGES

A Cluster can be defined as a group of similar things or positioned or occuring closely together. In our Progressive Web App we will divide our designs into different clusters.

TABLE OF CONTENTS

1. Introduction to Progressive Web apps

2. Why Progressive Web Apps?

3. Objective of the Project

4. Advantages of Progressive Web App

5. Advantages of PWA over Native Apps

6. Benefits of Progressive Web App

7. Use Cases

8. The Future of PWA

9. Software Requirements

10. Reference

11. REQUIREMENTS GATHERING

12. Introduction to PWA Architectures

13. Introduction to PWA Architectures

14. Using libraries to code service workers

15. Add to Homescreen

16. Push Notifications

17. Payments and Credential Management

18. Recommended patterns for PWAs

19. CLUSTER AND OUTLINE OF PAGES

20. Code Base

21. Serve the app shell from the cache

22. Automate development tasks

23. Creating a package.json

24. Customizing the init process

25. Managing dependency versions

CLUSTER AND OUTLINE OF PAGES

A Cluster can be defined as a group of similar things or positioned or occuring closely together. In our Progressive Web App we will divide our designs into different clusters.

Each page of our website will contain:

1) Header,

2) Navigation and

3) Footer.

1)Header:

In Header there will be website Logo, Contact Number and Email Id as given below in sketch.

2) Navigation:

In Navigation there will be Navigation links for Navigation of different links like:

1) Homepage

2) About Us

3) Contact Us

3) Footer:

Footer will include:

1) Privacy Policy

2) Terms & Conditions

3) Disclosure

4) Designed & Developed by-

Body:

Homepage will contain cards of different countries in Descending order which contains:

1) Country Flag

2) Country Name

3) Rank

4) Population

Card:

We will add the pop up option, when clicked on card will display related extra information like:

1) President

2) Currency

3) Language

4) Capital

5) Independence Day

Content Body:

The content of the page will be displayed on click of any links from the Navigation and Footer to the particular page.

Contact Us Form:

On clicking on Contact Us link from the Navigation bar a form will be opened which will ask the user to fill their general details and ask to submit the same. With the details saved in server we can further reply or answer the query to users.