This is an image classification app built using Django 4, Django REST Framework 3, Next.js 12, and Material UI 5. The app uses Inception-ResNet-v2 to classify images selected by the user.
- Prerequisites
- Installation
- Running the application
- Customizing the application
- Copyright and License
Install the following prerequisites:
- Python 3.7-3.10
This project uses TensorFlow v2.9.1. For TensorFlow to work, you must have a correct Python version installed on your machine. More information here. - Node.js 18.0.0 or higher
- Visual Studio Code
From the root directory run:
cd backend
python -m venv venv
From the backend directory run:
On macOS:
source venv/bin/activate
On Windows:
venv\scripts\activate
From the backend directory run:
pip install -r requirements.txt
From the backend directory run:
python manage.py makemigrations
python manage.py migrate
From the root directory run:
cd frontend
npm install
To run the application, you need to have both the backend and the frontend up and running.
From the backend directory run:
python manage.py runserver
From the frontend directory run:
npm run dev
Go to http://localhost:3000/ to view the application.
This section describes how to customize the application.
To modify the colors in the application, make changes in the frontend/src/theme/theme.js
file.
To modify the fonts in the application, first, add a new font to the frontend/src/pages/_document.js
file, and then make changes in the frontend/src/theme/theme.js
file.
To modify the logo in the application, make changes in the frontend/src/layout/Header.js
and frontend/src/layout/Sidebar.js
files.
To modify the image in the Hero section, make changes in the frontend/src/components/Hero.js
and frontend/src/layout/Footer.js
files.
To modify the text in the Hero section, make changes in the frontend/src/components/Hero.js
file.
To modify the two buttons in the Hero section, make changes in the frontend/src/components/HeroButtons.js
file.
To modify the app's description on the home page, make changes in the frontend/src/components/Description.js
file.