ceafive / next-technology-frontend-app

A frontend app in React to display search results from an Apple search api. Express static file serving was used in this project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

node express

next-technology-frontend-app

Fetch results from Apple api and render on frontend

A frontend app in React to display search results from an Apple search api. Express static file serving was used in this project

🤔 How do I use this?

Hey- before you actually use this, make sure you've [Docker](https://www.docker.com/) installed and running. Expand to read more

Step 1: Build Image

In your project directory, run

docker build --build-arg PORT=9000 --tag next-app-frontend-castro:latest .

Step 2: Verify Image

When build is complete you can verify your image with:

docker images

Then run your image with (make sure port 4000 is free on your local machine):

docker run -p 4000:9000 -d --name next-app-frontend-castro next-app-frontend-castro

Step 3: Open in browser

http://localhost:4000

You can skip all the above setup and test at:

https://next-technology-app.onrender.com

About

A frontend app in React to display search results from an Apple search api. Express static file serving was used in this project


Languages

Language:TypeScript 69.3%Language:JavaScript 25.7%Language:HTML 3.4%Language:Dockerfile 1.6%