VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATE REPORT Project: Recipe App React Native (Vietnamese Food Safari: Unveil The Tastest Of Viet Nam) Student’s name: Hoàng Văn Đạt Hanoi - 2023 1 VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATE REPORT Project: Recipe App React Native (Vietnamese Food Safari: Unveil The Tastest Of Viet Nam) SUPERVISOR: Prof. NGUYEN THANH TUNG STUDENT: Hoàng Văn Đạt STUDENT ID: 19071595 COHORT: ICE CLASS: ICE2019A MAJOR: INFORMATICS AND COMPUTER ENGINEERING Hanoi – 2023 2 TABLE OF CONTENTS I. ACKNOWLEDGEMENT AND COMMITMENT. PURPOSE OF THE PROJECT.
OVER VIEW OF THE TOPIC 1. Content and scope of topic. Choosing artistic technology. Identify main functions.
WEEKLY PLAN OF THE GRADUATION. PROGRAMMING KNOWLEDGE TO BUILD PROJECTS 1. Application Programming Interface (API) .What is API and application. Why use API .What is EXPO .Why use EXPO.
Visual Studio Code. What is Visual Studio Code?. Some features of Visual Studio. Why use Visual Studio Code?.
Who should use Visual Studio Code?. What is REDUX?. The rolle off REDUX. Redux In Project.
What is Javascript?. Why use Javascript?. What is React Navigation……………………………………………………. Reat Navigation Features…………………………………………………….
What is Firebase…………………………………………………………. Why use Firebase……………………………………………………………. ANALYZING EACH COMPONENT OF THE PROJECT IN DETAIL. Product Details Screen………………………………………………………52 5.
Search Product Screen………………………………………………………52 4 TABLE OF FIGURES Figure 5.1: What is Expo ………………………………………………………………………17 Figure 5.1: What is VSC ……………………………………………………………………….2: Visual Studio Code ……………………………………………………………….3: Home WorkSpace …………………………………………………………………26 Figure 5.4: Who use VSC …………………………………………………………………….1: What is Redux ……………………………………………………………….1: What is Javascript ………………………………………………………………….1: Firebase setup2 ……………………………………………………………………42 Figure 6.1: Use case diagram ……………………………………………………………….3: Real code email address ………………………………………………………….4: Real code password ……………………………………………………………….1: Search screen ………………………………………………………………………56 5 ACKNOWLEDGEMENT I would like to sincerely thank Professor Dr Nguyen Thanh Tung, Lecturer at Hanoi National University, for his dedicated guidance and support throughout the implementation of this project. The professor spent a lot of time answering my questions, helping me orient my research, and completing the project. The Professor's advice and instructions helped me learn a lot of valuable knowledge and experience. I would like to recount some of my memorable memories during the project implementation process.
When I started working on the project, I encountered many difficulties in identifying the problem and proposing solutions. The professor took the time to listen to my presentation and then gave specific suggestions and instructions. Thanks to the Professor's help, I gradually shaped my problem and proposed a possible solution. During the project implementation, I also encountered many difficulties in implementing algorithms and techniques.
The professor took the time to guide me on how to use the libraries and tools, as well as how to resolve errors that arose. Thanks to the Professor's help, I was able to complete the algorithms and techniques accurately and efficiently. In addition, the Professor also helped me complete the report and presentation parts of the project. My professor helped me correct grammar and expression errors, as well as gave me feedback so I could present the project clearly and convincingly.
I would like to sincerely thank Professor Nguyen Thanh Tung for his dedicated attention and help. I am extremely grateful for the valuable knowledge and experience I learned from the Professor. I would also like to thank everyone in the group for their joint efforts and good coordination to complete this project. We learned together, shared and helped each other to overcome difficulties and complete the project in the best way.I hereby declare that everything I have presented in this project is the result of my own research, research and implementation.
I do not use any unauthorized sources of information. 6 COMMITMENT Below is a sincere and honest commitment that every thesis I write is done by myself, based on personal effort and knowledge. I am committed to ethical principles and research standards to ensure integrity and accuracy in all content I produce. Author himself: I commit that all my products of my effort and intelligence.
I don't copy, I don't speak, and I don't use writing aids without clearly noting the source of inspiration. Independent research: All information and data used in my thesis were independently researched. I pledge not to copy the ideas of others without acknowledging the source, and I always endeavor to provide my perspective and analysis. Check quality: Before submitting the final print, I will double-check to ensure that all information, data, and arguments have been presented accurately and with proof.
Compliance with ethical standards: I commit to comply with all principles and ethical standards related to dissertation writing and research. This includes not cheating, not tampering with data, and not violating organizational or school rules Signature HOANG VAN DAT 7 PURPOSE OF THE PROJECT My project has two main purposes: Firstly, introduce Vietnamese dishes to foreigners. Vietnam is a country with a rich and diverse cuisine, with many famous specialties. However, not everyone knows these dishes, especially foreigners.
My project will help foreigners better understand Vietnamese food, thereby being able to experience and enjoy the delicious dishes of this country. Second, web application development can be modular. The future of the web is the development of modular web applications. These applications can be divided into many small modules, each module has a separate function.
This makes application development and maintenance easier and more efficient. My project will apply modular thinking to turn a Vietnamese food introduction application into an application that can be used for a restaurant. This application will help restaurants manage menus, orders, payments,. easily and effectively.
My project has important implications for both foreigners and restaurants. For foreigners, this project will help them better understand Vietnamese food and experience this country's delicious dishes. For restaurants, this project will help them manage and operate more effectively. Below are some specific ideas for project implementation: In terms of content: The application will provide information about Vietnamese dishes, including names, ingredients, cooking methods, images, etc.
The application will also provide information about culinary culture. Vietnamese food, such as festivals, traditional dishes,. In terms of design: The application will be designed to be user-friendly, easy to use and easy to find information. The app will also be optimized for mobile devices.
Technically: The application will be developed using modern technologies, such as React Native, The application will also be integrated with cloud services to store data and transaction processing. I believe my project will be successful and contribute to promoting Vietnamese cuisine worldwide. OVERVIEW OF THE TOPIC i. Select Topic Vietnam is a country with a rich and diverse cuisine, with many famous specialties.
However, not everyone knows these dishes, especially foreigners. Faced with that reality, I chose the React Native Vietnam food safari app topic to introduce Vietnamese food to foreigners. Reasons for choosing the React Native Vietnam food safari app topic Vietnam is a country with a rich and diverse cuisine, with many famous specialties. However, not everyone knows these dishes, especially foreigners.
Faced with that reality, I chose the React Native Vietnam food safari app topic to introduce Vietnamese food to foreigners. Specific reasons: Vietnam is a famous tourist country. Every year, Vietnam welcomes millions of tourists from all over the world. Introducing Vietnamese dishes to foreigners is an effective way to promote Vietnamese culture.
Mobile applications are a popular medium today. Mobile applications can be used on many different devices, including phones, tablets, etc. This makes reaching users easier. React Native is a modern mobile application development technology.
React Native allows mobile application development for both iOS and Android platforms using the same codebase. This makes application development more efficient. Content and scope of topic VietNam safari food application is a mobile application developed using React Native, to introduce Vietnamese dishes to foreigners. The application provides information about Vietnamese dishes, including names, ingredients, cooking methods, images, etc.
The application also provides information about Vietnamese culinary culture, such as: festivals, traditional dishes The Vietnam safari food application will focus on the following contents: Information about Vietnamese dishes: - Name, ingredients, processing method, images,. - Cultural significance of the dish 9 - Where can the dish be found? Information about Vietnamese culinary culture: - Festivals related to food - Traditional dishes - Customs and practices related to cuisine The application will be developed for both iOS and Android platforms. The application will be designed to be user-friendly, easy to use and easy to find information. The app will also be optimized for mobile devices.
In the future, the Vietnam safari food application will be developed with new features, including: Online ordering function: Users can order food from restaurants directly on the application. Online payment function: Users can pay the bill when ordering food online. Restaurant review function: Users can rate restaurants they have used. These features will make the application more convenient and useful for users.
Conclude Vietnam safari food application has great development potential. With newly added features, this application will meet the increasing needs of users and contribute to promoting Vietnamese cuisine to the world. Some specific ideas for project implementation In terms of content: - The application can provide information about Vietnamese dishes in many different ways, such as: - Classified by region - Classified by raw materials - Sort by festival occasion - The application can provide information about Vietnamese culinary culture in a vivid 10 and attractive way, such as: - Use images, videos, sounds - Games, puzzles,. - In terms of design: - The application can be designed in a modern, minimalist style Apps can be optimized for mobile devices, such as: - Interface suitable for small screens - Optimize application loading speed - Technically Applications can be developed using modern technologies, such as: The application can be integrated with cloud services for data storage and transaction processing.
In addition to the API, the app will improve to use sockets to communicate iii. Choosing artistic technology Reasons for choosing React Native and Expo to solve the problem of making an app React Native is a mobile application development framework for both iOS and Android using JavaScript. It allows programmers to use JavaScript and React skills to create high- performance and user-friendly mobile applications.[11] Expo is a mobile application development platform based on React Native. It provides a set of tools and services that make mobile application development easier and faster.
There are many reasons to choose React Native and Expo to solve the problem of making an app, including: • Save time and costs: React Native allows programmers to reuse JavaScript code for both iOS and Android, saving time and costs on application development. Expo provides a set of tools and services that make application development easier and faster, thereby saving time and costs. • High performance: React Native uses native APIs to interact with the operating system, making the application high-performance and responsive. • User-friendly: React Native uses modern design principles to create apps with user-friendly interfaces.
Survey documents 11 This is an app with a pretty and simple interface. The app sells a number of popular food items. The app page has basic features of an e-commerce app page such as registering/logging in for shoppers, displaying products and prices as well as parameters, viewing cart details. With the app page, they also built a simple, easy-to-use interface.
We can see that they have the feature to search by product groups and sort products. It can be concluded that the basic functions of this app are the same as: https://www. Identify main functions In this big exercise, my group would like to focus only on the system part for users. WEEKLY PLAN OF THE GRADUATION WEEK TASKS PERFORMED Goal 1 Meet with the supervisor to Get familiar with the (From 01/11/2023 to discuss the project plan.
company and the internship 07/11/2023) Research on the topic of project. Meet with the supervisor and Collect images and videos of discuss the project plan.