https://github.com/ibrsec/employee-list
https://github.com/ibrsec/employee-list
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ibrsec/employee-list
- Owner: ibrsec
- Created: 2024-03-29T13:31:51.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-04T10:59:36.000Z (almost 2 years ago)
- Last Synced: 2025-02-26T07:44:19.688Z (over 1 year ago)
- Language: JavaScript
- Size: 1.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Employee List Project
An awesome Employee List Project
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://employee-list-ibr.netlify.app/)
---
📦 Used mock user profiles data from data.jsx file
🎯 Used React environment, components, use state, use effect, context api hook, sass
🖥 Paginate the users with button
```sh
# clone the project
git clone https://github.com/ibrsec/employee-list.git
# enter the project directory
cd employee-list
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
employee-list (folder)
|
|---public (folder)
+ |---src (folder)
| |---img (folder)
| |
| |---scss (folder)
| | |---_reset.scss
| | └---_variable.scss
| |
| |---helper (folder)
| | └---data.jsx
| |
| |---components (folder)
| | |
| | |---header (folder)
| | | └---Header.jsx
| | |
| | |---cards (folder)
| | | |---Cards.jsx
| | | └---Cards.module.scss
| | |
| | |---card (folder)
| | | |---ProfilCard.jsx
| | | └---ProfilCard.module.scss
| | |
| | |---buttons (folder)
| | | └---Buttons.jsx
| | |
| | └---content (folder)
| | |---Content.jsx
| | └---Content.module.scss
| |
| |
| |---App.js
| |---App.scss
| |---Index.js
| └---Index.scss
|
|----index.html
|----package.json
|----yarn.lock
└----readme.md
```
---
