https://github.com/taiseen/employ-crud
Employ Info - Dev11 | CURD
https://github.com/taiseen/employ-crud
conditional-rendering crud css dev-11 github-hosting primitive-css react react-js
Last synced: about 2 months ago
JSON representation
Employ Info - Dev11 | CURD
- Host: GitHub
- URL: https://github.com/taiseen/employ-crud
- Owner: taiseen
- Created: 2022-06-06T12:26:01.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-14T06:54:01.000Z (about 4 years ago)
- Last Synced: 2025-10-08T00:46:40.862Z (8 months ago)
- Topics: conditional-rendering, crud, css, dev-11, github-hosting, primitive-css, react, react-js
- Language: JavaScript
- Homepage: https://taiseen.github.io/employ-crud
- Size: 1.32 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> 7 - Jun - 2022
## Employ - CURD Operation
# React + CSS | [Live Link][link]
[link]: https://taiseen.github.io/employ-crud
## UI Created by [PRIMITIVE Minimalist CSS][css]
[css]: https://taniarascia.github.io/primitive
## Project dependencies...
|No| Package Installs | Use for... |
|--|-------------------------|---------------------------|
| 1| yarn add `uuid` | unique id generating |
| 2| yarn add `sweetalert2` | displaying alert message |
| 3| yarn add `gh-pages` | Publish to a gh-pages branch on GitHub |
## Learning context by developing this app:
|No| Context learn by building this project... |
|--|------------------------------------------------|
| 1| Project Structure |
| 2| Full CRUD operation |
| 3| Conditional JSX rendering |
| 4| User `Search` by its property values |
| 5| Using `sweetalert2` package for alert message |
| 6| using of `new Intl.NumberFormat` for number formatting |
* Conditional UI Rendering for Show/Hide Components, base on true/false condition
```
"scripts": {
"predeploy": "yarn build",
"deploy": "gh-pages -d build"
},
```
```
"homepage" : "https://taiseen.github.io/employ-crud",
```
```
yarn deploy
```