
Over this course we've developed a web-app that can classify user-uploaded images using a convolutional neural network. And it's been a lot of new tech and new code!

Let's take a look at how we can simplify some of our code.

## 🔙 Backend

In particular, the monolithic main.py file has grown to be a little unweildly. We can simplify things by moving each of the endpoints into its own file.

## 📑 APPENDIX

### 🏃 How to Run

#### 🧱 Build Frontend

Navigate to the `frontend/` directory:

```shell
cd frontend
```

Install any missing frontend dependancies:

```shell
npm install
```

Build the files for distributing the frontend to clients:

```shell
npm run build
```

#### 🖲 Run the Backend

Go back to the project root directory:

```shell
cd ..
```

Activate the virtual environment, if you haven't already:

```shell
source .venv/bin/activate
```

Install any missing packages:

```shell
pip install -r requirements.txt
```

If you haven't already, train a CNN:

```shell
python scripts/train.py
```

Continue training an existing model:

```shell
python scripts/continue_training.py
```

Serve the web app:

```shell
python -m uvicorn main:app --port 8000 --reload
```

#### 🚀 Deploy

Deploy to the cloud:

```shell
serverless deploy
```

Remove from the cloud:

```shell
severless remove
```

### 🗂️ Updated Files

##### Project structure

```text
.
├── .venv/
├── .gitignore
├── .serverless/
├── resources
│   └── dog.jpg
├── frontend
│   ├── build/
│   ├── node_modules/
│   ├── public/
│   ├── src
│   │   ├── App.css
│   │   ├── App.test.tsx
│   │   ├── App.tsx
│   │   ├── ImageGrid.tsx
│   │   ├── ImageUpload.tsx
│   │   ├── index.css
│   │   ├── index.tsx
│   │   ├── Predictions.css
│   │   ├── Predictions.tsx
│   │   ├── logo.svg
│   │   ├── react-app-env.d.ts
│   │   ├── reportWebVitals.ts
│   │   ├── setupTests.ts
│   │   └── Sum.tsx
│   ├── .gitignore
│   ├── package-lock.json
│   ├── package.json
│   ├── README.md
│   └── tsconfig.json
├── output
│   ├── activations_conv2d/
│   ├── activations_conv2d_1/
│   ├── activations_conv2d_2/
│   ├── activations_dense/
│   ├── activations_dense_1/
│   ├── model.h5
│   ├── sample_images.png
│   └── training_history.png
├── scripts
│   ├── classify.py
│   ├── continue_training.py
│   └── train.py
├── main.py
├── README.md
├── requirements.txt
└── serverless.yml
```


Please log in or subscribe to continue