https://github.com/scorpiocoding/dockerized_react_routing_languages
Dockerized React with Routing and Multiple Languages
https://github.com/scorpiocoding/dockerized_react_routing_languages
Last synced: 12 months ago
JSON representation
Dockerized React with Routing and Multiple Languages
- Host: GitHub
- URL: https://github.com/scorpiocoding/dockerized_react_routing_languages
- Owner: ScorpioCoding
- Created: 2023-09-02T12:48:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-02T13:34:58.000Z (over 2 years ago)
- Last Synced: 2023-09-03T16:43:41.286Z (over 2 years ago)
- Language: JavaScript
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dockerized React Web Application
## REACT.md
React.md is the official documentation that comes with creating a react app.
## Versions
### 0.1.0 : Starter React Folder (+ clean up)
=> `npx create-react-app . --template clean-cra`
=> `npm start` start development server
=> `npm run build` create production app
=> `ctrl+c` stop development server
=> remove unwanted files and folders
=> create new folder structure.
=> mod index.html
### 0.1.1 : Sync up local git with gitHub
=> `git remote add origin git@github.com:__domain__/__repo__`
=> `git branch -M main`
=> `git push -u origin main`
### 0.1.2 : Dockerize React Web Application
=> add: Dockerfile
=> add: Docker-Compose file
=> add: dockerignore file
=> `docker compose up -d --build` start command
=> `docker compose down -v` shutdown command
=> `localhost:4080` docker port (one can change this)
### 0.1.3 : Update Dependencies (package.json)
=> `npm update`
### 0.1.4 : Sass
=> `npm install sass`
=> add: folder css
=> remove index.css
=> add: App.scss
=> mod: App.js
### 0.2.0 : React Routing - Navigation Bar
=> `npm install react-router-dom`
=> add: Pages : Home.js
=> add: Pages : Contact.js
=> add: Pages : About.js
=> add: Pages : index.js
=> add: css : Home.scss
=> add: css : Contact.scss
=> add: css : About.scss
=> mod: index.js
=> mod: App.js
=> add: Components : NavBar.js
=> add: css : NavBar.scss
### 0.3.0 : React Multiple Languages - Translation
=> `npm install react-i18next i18next`
=> `npm install i18next-browser-languagedetector`
=> add: i18n.js
=> mod: index.js
=> add: assets/translations directory
=> add: en.nav.json
=> add: fr.nav.json
=> add: nl.nav.json
=> add: en.home.json
=> add: fr.home.json
=> add: nl.home.json
=> add: en.about.json
=> add: fr.about.json
=> add: nl.about.json
=> mod: NavBar.js
=> mod: css : NavBar.scss
=> mod: Pages : Home.js
=> mod: Pages : About.js