1. Project Description

1.1. Describe the topic and motivation

Online purchasing has risen in popularity in recent years. Customers can buy goods or services directly from a seller through the Internet using a web browser. Consumers find a product they want by going directly to a retailer's website or utilizing a shopping search engine to look for it among other sellers. Different electronic merchants have identical products. Customers can shop online using a range of machines and devices, including desktop computers, laptop computers, tablets, and smartphones.

The goal of the study was to learn more about online shoppers' motivations and loyalty, as well as the procedure they use to purchase products and services online.

The benefits and elements that influence online shopping, online purchasing behavior and patterns, and products that are suitable for online sales were all examined in the literature study. However, the consumers' perspective and approach to online purchasing, as well as the deeper decisions made during the online shopping process, were not covered.

1.2. Some images

1.3. Other things

2. Feature

3. Language, libraries, platform or framework

Libraries declared: overlay-navbar, webfontloader, browser-router, stripe/react-stripe-js, react-icons, react-alert, react-js-pagination, express-fileupload.
Language used:
Technology used:
Tools:

: A debugger with syntax highlighting, clever self-completion, snippets, and code upgrades that comes packed with Git.

: A platform to create, test, and iterate APIs.

: A cross-platform database based on the Collection and Document ideas, with excellent performance, high availability, and easy scalability.

: A service that provides software development projects with a web-based Git source code repository.
Operating Systems:
Image storage technology:

4. Team members and jobs

Team Members:
- Vu Hoang Nam - ID: ITITIU19033
- Nguyen Duc Cong - ID: ITITIU19087
- Nguyen Hoang Anh Tuan - ID: ITITIU19233
Work member:

5. Diagrams

5.1. Use cases diagram

5.2. Class diagram

5.3. Sequence diagram

6. Run demo

6.1. Setup Tools

6.2. Run frontend and backend

6.3. Login by admin

6.4. Website demo

7. Conclusion

In recent years, technology has evolved tremendously to give consumers with a better online shopping experience, and this trend is projected to continue. Many people believe that as the quantity of products and brands available expands, online shopping will eventually supersede in-store shopping. While this is true in some cases, there is still a demand for physical storefronts in areas where customers prefer to see and touch the products they are purchasing. We made progress on the project by solving challenges, rationally dividing responsibilities for members, controlling each member's time and progress, and dealing with a project with a team over a period of time. This gave us valuable experience that we may apply in the future. We learned how to design a mobile app, a logical database that is appropriate for the project, and how to connect it to the programming language. One of the most effective ways to learn additional algorithms and optimize them is to work on a project. Designing a good program architecture and analyzing customer needs, as well as transforming real-life scenarios into efficient code, are some of the major things we learned. As a result, in addition to gaining a better understanding of database structure, this project also aids us in improving our programming skills.