Build and Design Mobile App with Typescript & React Native

Welcome to Building and Designing Mobile App with Typescript & React Native course. This is a comprehensive project based course where you will learn how to build two mobile applications, the first one is a productivity task management app and the second one is a document scanner app. This course is a perfect combination between mobile app development and mobile app design, making it an ideal opportunity to practice your programming skills while improving your technical knowledge in Typescript.

In the introduction session, you will learn the basic fundamentals of React Native, such as getting to know its use cases, technical limitations, and documentation. Then, in the next section, we will start the first project. We are going to build a productivity app that facilitates users to manage their daily tasks efficiently.

This app will have three main features. The first feature is task creation and management, which allows users to create, edit, complete, and delete tasks, add task descriptions, assign a status such as not started, in progress, completed, and also set deadlines. This feature enables users to stay organized by keeping track of their responsibilities in a structured and customizable format.

The second feature is Calendar for Deadline Reminder, which integrates a visual calendar to help users schedule and view task deadlines. This feature allows users to manage their time effectively by receiving timely reminders for upcoming tasks and due dates. The third feature is progress tracking analytics, which displays visual summaries and statistics that reflect task completion trends, including the percentage of tasks that are not started, in progress, and completed, based on that data, the system will assign productivity score for the users.

This feature enables users to monitor their productivity levels by analyzing their task distribution over time, helping them identify patterns and improve time management based on real data. Afterward, in the second project, we are going to build a document scanner app that is able to extract text from images of documents using Optical Character Recognition technology. This mobile app will allow users to upload a photo or take a picture of a physical document, and then automatically detect and convert the content into editable and searchable text using Tesseract JS which is an open source OCR library that is well known for its high accuracy.

The system will preprocess the uploaded image by adjusting contrast, removing noise, and converting it to grayscale. Once the text is extracted, it will be displayed in a clean, editable interface where users can review, modify, or copy the text. Lastly, at the end of the course, we will perform functional and compatibility testing to make sure the mobile apps have been fully functioning and all features are working as expected.Firstly, before getting into the course, we need to ask this question to ourselves, why should we build mobile apps using React Native?

Well, here is my answer, React Native allows developers to write one codebase that runs on both iOS and Android. By having a shared codebase and UI components for both platforms, it significantly reduces development time and cost. It also offers a rich ecosystem of libraries, components, and community support, making it easier to build high quality apps with cutting edge features.

Additionally, React Native provides a near native performance and seamless integration with native device functionalities, making it a great choice for both startups and enterprise level applications.Below are things that you can expect to learn from this course:Learn the basic fundamentals of React Native, such as getting to know its use cases and technical limitationsLearn how to build productivity task management app using Typescript and React NativeLearn how to build document scanner app using Typescript and React NativeLearn how to create app home screen layoutLearn how to import dependencies and define data typesLearn how to build app main components and state managementLearn how to create functions to create, edit, and delete tasksLearn how to build productivity analytics dashboardLearn how to design app user interfaceLearn how to create task list displayLearn how to create calendar componentLearn how to style app componentsLearn how to create optical character recognition system using Tesseract JSLearn how to perform functional and performance testing