-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
redesigning readme horizontal layout of logos adding docker info
- Loading branch information
Showing
1 changed file
with
37 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,49 @@ | ||
|
|
||
| <h1 align="center" >Palm & Vine Recording Studio Website</h1> | ||
| <p align="center"> | ||
| <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/palmvinelogo-no-bg.png" width="200" height="200" alt="studio logo" > | ||
| </p> | ||
|
|
||
| --- | ||
| ## Technologies | ||
| # Technologies | ||
|
|
||
|
|
||
| # React JS | ||
| <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/react-1-logo-png-transparent-removebg-preview.png" width="50" height="50" alt="react logo" > | ||
| ### <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/react-1-logo-png-transparent-removebg-preview.png" width="25" height="25" alt="react logo" > React <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/vite-logo.png" width="25" height="25" alt="vite logo" > Vite <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/PostgreSQL-Logo.wine.png" width="25" height="25" alt="react logo" > | ||
|
|
||
| <details> | ||
| <summary> About the Stack </summary> | ||
| <p> | ||
| React JS is a JavaScript library for building user interfaces. It's known for its component-based architecture, declarative style, and efficient rendering capabilities. This project leverages React JS to create a dynamic and interactive web application. | ||
| <ul> | ||
| <li>React is a JavaScript library for building user interfaces. It's known for its component-based architecture, declarative style, and efficient rendering capabilities. This project leverages React JS to create a dynamic and interactive web application. </li> | ||
|
|
||
| <li>Vite is an efficient and reliable real-time bundler.</li> | ||
| </ul> | ||
|
|
||
| </p> | ||
|
|
||
| # Vite | ||
| <img src="https://raw.githubusercontent.com/naturalstrings/heirloom-recordings/main/public/vite-logo.png" width="50" height="50" alt="vite logo" > | ||
| <P> | ||
| Vite is an efficient and reliable real-time bundler. | ||
| </P> | ||
| </details> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| ## Run App | ||
| <p>This app is dockerized.<b> | ||
| To run, make sure you have Docker installed. You may be prompted for login credentials.<b> | ||
| Simply pull docker image from the repo with command:<b> | ||
| docker pull username/palm-and-vine-repo:v1</p> | ||
| <p>This app is dockerized.<br> | ||
| To run, make sure you have Docker installed.<br> | ||
| You may be prompted for login credentials.Simply pull docker image from the repo with command:<br> | ||
|
|
||
| ``` | ||
| docker pull username/palm-and-vine-repo:v1 | ||
| ``` | ||
|
|
||
| Then run the image in a new container instance:<br> | ||
|
|
||
| ``` | ||
| docker run -p 5173:5173 palm-and-vine-docker-image:v1 | ||
| ``` | ||
| Alternatively, you can specify which port you'd like the site routed to and detach mode ( so the container runs in the background and leaves your terminal free for more commands )<br> | ||
|
|
||
| ``` | ||
| docker run -d -p 3000:5173 palm-and-vine-docker-image:v1 | ||
| ``` | ||
|
|
||
| </p> |