This a simple and fun app to play with recognizing objects in images.
The application consists of 2 parts:
- The frontend (this repository) The frontend is a Next JS app that is deployed to Vercel. Some of the tools used:
- Next JS
- Tailwind CSS
- TypeScript
- Axios (for making API calls)
- React Toastify (for showing notifications)
- The backend (find the backend repository here). The backend is a Flask app that endposes a REST endpoint for receiving selected image and giving predictions. The backend is deployed to Render.
The user is presented with a number of predefined images where they are supposed to pick the most prominent object in the image. The user can then see how well they did and see the correct answer.
The app has been built to be easy to use and prevent user from making mistakes. This is done by only showing the user the UI they can interact with at any given time. The user is also given feedback on their actions through hover effects and animations. Possible errors that the user can encounter are:
- API is down. This is most likely caused by Render powering down inactive APIs. The user is notified when this happens.
The purpose of this app is to provide an easy way to practice recognizing objects in images. It is intended to be used by people who are learning about image recognition. It is also meant to be used by people who want to have fun with image recognition.
- To provide a fun way to practice recognizing objects in images.
- To provide a way to practice recognizing objects in images using a mobile device.
- Aid in learning about image recognition.
