https://github.com/wastingnotime/contacts-frontend-react-hooks-redux
This repository maintain a react/redux frontend application that is part of "contacts" project, an initiative to explore technologies features.
https://github.com/wastingnotime/contacts-frontend-react-hooks-redux
react react-hooks react-router-dom react-thunk redux
Last synced: about 1 month ago
JSON representation
This repository maintain a react/redux frontend application that is part of "contacts" project, an initiative to explore technologies features.
- Host: GitHub
- URL: https://github.com/wastingnotime/contacts-frontend-react-hooks-redux
- Owner: wastingnotime
- License: mit
- Created: 2020-06-28T22:52:30.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2026-02-12T12:08:08.000Z (2 months ago)
- Last Synced: 2026-02-12T20:56:37.577Z (2 months ago)
- Topics: react, react-hooks, react-router-dom, react-thunk, redux
- Language: JavaScript
- Homepage:
- Size: 563 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# contacts-frontend-react-hooks-redux
**contacts-frontend-react-hooks-redux** is part of "contacts" project that is an initiative where we try to explore frontend and backend implementations in order to better understand it cutting-edge features. This repository presents a react based frontend application.
## status
This repository belongs to the Contacts reference initiative started in 2020.
Its purpose was to understand how different stacks shape design decisions around the same domain model.
As of 2026, this project is frozen.
The exploration phase has been completed.
My current focus is depth, invariants, and system coherence rather than stack comparison.
This code remains as historical reference.
## stack
* react
* react-hooks
* redux
* vite
## dependencies
* docker 25+
* nvm 0.39+
## get started (linux only)
### execute from source code
as a prerequisite, it is necessary to start the backend application
open another terminal and run the backend for this project
```
docker run -p 8010:8010 wastingnotime/contacts-backend-nodejs-express:latest
```
set node version (v21+)
```
nvm use
```
install deps
```
npm i
```
start app
```
npm run dev
```
* just go to your browser on http://localhost:5173
## validating docker image locally
build
```
docker build --tag contacts-frontend-react-hooks-redux .
```
run
```
docker run -p 80:80 contacts-frontend-react-hooks-redux
```
* the test above do not work fully, it is just to show if the nginx server as responding accordly
## some tips
### upgrade node packages
verify outdated packages
```
npm outdated
```
install new version of outdated package
```
npm install @latest
```
if npm is older use
```
nvm install-latest-npm
```