Issue #34 Update readme file (WIP)

Author: icep0ps

README.md

@@ -18,43 +18,53 @@ Code Racer is a multiplayer coding game where developers can compete against eac
 
 ## Getting Started
 
-To get started with Code Racer locally, follow these steps:
-
-    Clone the repository:
-
-```bash
-git clone https://github.com/webdevcody/code-racer.git
-```
-
-Navigate to the project directory:
-
-```bash
-cd code-racer
-```
-
-Install dependencies:
-
-```bash
-npm install
-```
-
-Updates schema to database
-```bash
-npx prisma db push
-```
-
-Start the development server:
-
-```bash
+### Prerequisites
+
+You will need to [install docker](https://example.com) on your local machine.
+
+### Installation
+
+To get started with Code Racer locally, follow these steps
+
+1. Clone the repo
+   ```sh
+    git clone https://github.com/webdevcody/code-racer.git
+   ```
+2. Navigate to the project directory
+
+   ```sh
+   cd code-racer
+   ```
+
+3. Install NPM packages
+   ```sh
+   npm install
+   ```
+4. Generate a version of Prisma Client that is tailored to the models.
+   ```js
+   npx prisma generate
+   ```
+5. Create .env file
+
+6. Copy and paste variables from `.env.example` into `.env`
+
+7. Update each variable in `.env` (optional).
+
+8. Start a docker container for the database.
+   ```sh
+   docker compose up
+   ```
+9. Once your database is ready, push your prisma schema to the database.
+   ```sh
+   npx prisma db push
+   ```
+10. Finally start your dev server.
+    ```sh
     npm run dev
-```
+    ```
 
 Open your browser and visit http://localhost:3000 to see the application running.
 
-## Configuration
-
-Code Racer requires some configuration variables to run properly. Create a .env.local file in the root directory of the project and add the following variables:
-
 ## Contribution
 
 We welcome contributions from the community! If you'd like to contribute to Code Racer, please follow refer to [CONTRIBUTION.md](CONTRIBUTION.md), but we have these base guidelines: