Merge pull request #16 from siegblink/develop

Develop

.env.example

@@ -0,0 +1 @@
+REPLICATE_API_TOKEN=your_api_token

README.md

@@ -4,10 +4,45 @@
 
 ## How to use
 
-- Clone this project's repository
-- Install the dependencies by `npm install`
-- Create an account at [replicate](https://replicate.com/)
-- Get your API token from your replicate account
-- Replace the Replicate API token found at `.env.local`
-- Run the project by `npm run dev`
-- Go to your browser at `localhost:3000`
+### 1. Clone this project's repository
+
+In your Terminal app
+
+- Type `git clone git@github.com:siegblink/interior-designer-ai.git`
+- Or type `git clone https://github.com/siegblink/interior-designer-ai.git`
+
+### 2. Install the project dependencies
+
+Go to the project's directory
+
+- Type `cd interior-designer-ai`
+- Then, `npm install`
+
+### 3. Create an account at [replicate](https://replicate.com/)
+
+![create-account-in-replicate](public/create-account-in-replicate.png)
+
+### 4. Go to the _API tokens_ page within your replicate account
+
+![go-to-api-tokens](public/go-to-api-tokens.png)
+
+### 5. Create your API token and copy it
+
+![create-api-token](public/create-api-token.png)
+
+### 6. Rename the `.env.example` file to `.env.local`
+
+### 7. In `.env.local`, replace the placeholder _your_api_token_ with your API token
+
+```
+# Replace 'your-api-token' with your own API token from replicate
+REPLICATE_API_TOKEN=your_api_token
+```
+
+### 8. Run the project
+
+Back in your Terminal in the project directory, type `npm run dev`
+
+### 9. See the running application in your browser at `localhost:3000`
+
+![see-running-app](public/see-running-app.png)