Skip to content

Commit

Permalink
Add README.md and 7 screenshots
Browse files Browse the repository at this point in the history
Change color of kastorCodeLogo.png and kastorCodeName.png to #301934
  • Loading branch information
kastorcode committed Aug 3, 2022
1 parent 7acf8c2 commit 675faf1
Show file tree
Hide file tree
Showing 10 changed files with 103 additions and 0 deletions.
103 changes: 103 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
## Machine Learning use in React Native The Practical Guide

> 👷 Developed by Matheus Ramalho de Oliveira
🔨 Brazilian Software Engineer
🏡 Goiânia, Goiás, Brasil
✉️ kastorcode@gmail.com
👍 [instagram.com/kastorcode](https://www.instagram.com/kastorcode)

---

<p align="center">
<img src="android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png" width="96" />
</p>

<p align="center">
How to use machine learning in React Native applications? This app is about answering this question through models from the TensorFlow Lite library.
</p>

<p align="center">
Architected and programmed during the Machine Learning use in React Native The Practical Guide course.
</p>

---

### Screenshots

<p align="center">
<img src="screenshots/0.png" width="720" />
</p>

<p align="center">
<img src="screenshots/1.png" width="720" />
</p>

<p align="center">
<img src="screenshots/2.png" width="720" />
</p>

<p align="center">
<img src="screenshots/3.png" width="720" />
</p>

<p align="center">
<img src="screenshots/4.png" width="720" />
</p>

<p align="center">
<img src="screenshots/5.png" width="720" />
</p>

<p align="center">
<img src="screenshots/6.png" width="720" />
</p>

---

### Tools used

[Git](https://git-scm.com)
[Google Colab](https://colab.research.google.com)
[Kaggle](https://kaggle.com)
[React Native](https://reactnative.dev)
[Teachable Machine](https://teachablemachine.withgoogle.com)
[TensorFlow Lite](https://tensorflow.org/lite)
[TypeScript](https://typescriptlang.org)
[Visual Studio Code](https://code.visualstudio.com)

---

### Topics covered

1. Creating a new React Native project;
2. Creating GUI of the application;
3. Choosing images from gallery;
4. Capturing images using camera;
5. Adding TensorFlow Lite models inside React Native project;
6. Performing image classification;
7. Performing image classification with live camera footage;
8. Performing object detection;
9. Performing pose estimation;
10. Performing image segmentation;
11. Showing predictions on screen;
12. Training image classification model;
13. Dog breed recognition with images;
14. Training fruit recognition model with transfer learning;
15. Retraining other models;
16. Fruit recognition using live camera footage.

---

### 🧠 Installation and execution

1. Make a clone of this repository;
2. Open the project folder in a terminal;
3. Run `yarn` to install dependencies;
4. Run the commands `yarn start` and `yarn android` to start Metro server and compile the app;
5. Start coding!

---

<p align="center">
<img src="src/assets/images/kastorCodeLogo.png" width="96" />
</p>
Binary file added screenshots/0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshots/6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/assets/images/kastorCodeLogo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/assets/images/kastorCodeName.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 675faf1

Please sign in to comment.