Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/roylermarichal/redux-toolkit-react

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/roylermarichal/redux-toolkit-react
Owner: RoylerMarichal
License: wtfpl
Created: 2022-10-08T15:59:17.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-10-08T15:59:19.000Z (over 2 years ago)
Last Synced: 2024-10-12T13:32:37.100Z (3 months ago)
Language: JavaScript
Size: 609 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Awesome Lists containing this project

README

        # redux-toolkit-login-flow

A potentially reusable formalized login flow pattern for crafting web development project.

### Why?

Contrary to popular belief, never in my career as a Software Engineer that I build login/signin/auth page myself (I've always been working on projects where the auth flow is already provided or where login is not required 😋). So on this one long weekend during [self-quarantine period of the outbreak in 2020](https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic), finally I've got some spare time to implement my take on it, while doing some transcendental explorations on React, React Router, and Redux Toolkit.

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app), using the [Redux](https://redux.js.org/) and [Redux Toolkit](https://redux-toolkit.js.org/) template.

![Screenshot of the app](artifacts/screenshot.png)

As you might have seen, this app is built with a very bare minimum, if not none, of CSS. **This is intentional.** HTML and JavaScript can render pretty minimalist, can't they? 😈

### The flow

I tried to formalize the flow back in the last quarter of 2019 and realised it using this very cool project called [PlantUML](https://plantuml.com/). So this is what I think that works for me in 80% of the cases:

![The login flowchart](artifacts/login-flow-handwritten.png)

The PlantUML source code is available [here](artifacts/login-flow.puml) in the artifacts directory.

## Spinning up the development server

```bash

$ pnpm start

```

You can find other runnable scripts in [package.json](package.json).

## Author

Glenn Dwiyatcita ([@dwiyatci](http://tiny.cc/dwiyatci))

## License

WTFPL – Do What the Fuck You Want to Public License.

See [LICENSE.txt](LICENSE.txt).

![WTFPL](http://www.wtfpl.net/wp-content/uploads/2012/12/wtfpl-badge-1.png)