Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nurdoganbahadir/react-employee-list
This project was developed with React. The purpose of this project is to divide the data into parts and navigate through these parts with events. SASS is used for style.
https://github.com/nurdoganbahadir/react-employee-list
javascript react sass-framework usestate-hook
Last synced: 10 days ago
JSON representation
This project was developed with React. The purpose of this project is to divide the data into parts and navigate through these parts with events. SASS is used for style.
- Host: GitHub
- URL: https://github.com/nurdoganbahadir/react-employee-list
- Owner: nurdoganbahadir
- Created: 2024-08-27T19:54:01.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-08-29T10:07:34.000Z (6 months ago)
- Last Synced: 2025-02-11T14:58:00.320Z (10 days ago)
- Topics: javascript, react, sass-framework, usestate-hook
- Language: JavaScript
- Homepage: https://employee-list-nurdoganbahadir.netlify.app/
- Size: 821 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Clarusway
# Employee List
## Description
Project aims to create a Employee List App.
## Problem Statement
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
## Project Skeleton
```
001 - Employee List (folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ┣ 📂components
│ ┃ ┗ 📜List.js
│ ┣ 📂helper
│ ┃ ┗ 📜data.js
│ ┣ 📂scss
│ ┃ ┣ 📜_mixins.scss
│ ┃ ┣ 📜_reset.scss
│ ┃ ┗ 📜_variables.scss
│ ┣ 📜App.js
│ ┣ 📜index.js
│ ┗ 📜index.scss
├── package.json
└── yarn.lock
```
## Expected Outcome
## Objective
Build a Employee List App using ReactJS.
### At the end of the project, following topics are to be covered;
- HTML
- CSS
- JS
- ReactJS
### At the end of the project, students will be able to;
- improve coding skills within HTML & CSS & JS & ReactJS.
- use git commands (push, pull, commit, add etc.) and Github as Version Control System.
## Steps to Solution
- Step 1: Create React App using `npx create-react-app employee-list` or use template.
- Step 2: Build Employee List App.
- Step 3: You can use Css/ModuleCss/Sass/Bootstrap for styling.
- Step 5: Push your application into your own public repo on Github
- Step 6: Add project gif to your project and README.md file.
## Notes
- You can add additional functionalitiesto your app.
## Demo
**
☺ Happy Coding ✍
**