mirror of
https://github.com/runyanjake/jakeswestcoast.git
synced 2026-03-26 05:23:18 -07:00
update README
This commit is contained in:
parent
95c88d6a0d
commit
9c8dde30c4
41
README.md
41
README.md
@ -1,32 +1,37 @@
|
|||||||
# jakeswestcoast
|
# Jake's West Coast
|
||||||
Jake's West Coast Website
|
|
||||||
|
A website for the Jake's West Coast channel. Built as a React app.
|
||||||
|
|
||||||
|
## Stack
|
||||||
|
|
||||||
|
- **React 19**
|
||||||
|
- **Plain CSS** per component — dark theme, frosted glass navbar, responsive video grid
|
||||||
|
- **Docker** for containerized deployment
|
||||||
|
|
||||||
|
## Structure
|
||||||
|
|
||||||
## First Time Setup
|
|
||||||
1. Create basic react app.
|
|
||||||
```
|
```
|
||||||
npx create-react-app jakeswestcoast
|
src/
|
||||||
cd jakeswestcoast
|
├── App.js # Root layout, routing
|
||||||
npm start
|
├── components/
|
||||||
```
|
│ ├── Navbar.js/css # Fixed frosted glass nav
|
||||||
2. Install missing packages
|
│ ├── Home.js/css # Full-viewport hero
|
||||||
```
|
│ ├── About.js/css # Bio page
|
||||||
npm install web-vitals
|
│ ├── Projects.js/css # Video gallery
|
||||||
npm install react-router-dom
|
│ └── VideoCard.js/css # Individual YouTube embed card
|
||||||
```
|
└── data/
|
||||||
3. Test changes/fixes with
|
└── videos.js # Video metadata
|
||||||
```
|
|
||||||
npm install
|
|
||||||
npm start
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## Running
|
## Running
|
||||||
|
|
||||||
### Local development
|
### Local development
|
||||||
```
|
```
|
||||||
|
npm install
|
||||||
npm start
|
npm start
|
||||||
```
|
```
|
||||||
|
|
||||||
### Docker
|
### Docker
|
||||||
```
|
```
|
||||||
docker compose down && docker system prune -af && docker compose build && docker compose up -d && docker logs -f jakeswestcoast
|
docker compose down && docker system prune -af && docker compose build && docker compose up -d && docker logs -f jakeswestcoast
|
||||||
```
|
```
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user