Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tobistudio/sipeka-indonesian-employee
https://github.com/tobistudio/sipeka-indonesian-employee
Last synced: 3 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/tobistudio/sipeka-indonesian-employee
- Owner: tobistudio
- Created: 2023-09-15T19:47:51.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-15T20:02:53.000Z (over 1 year ago)
- Last Synced: 2024-11-11T06:48:30.622Z (2 months ago)
- Language: JavaScript
- Size: 14.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Security: SECURITY.md
Awesome Lists containing this project
README
## Configuration and Setup
In order to run this project locally, simply fork and clone the repository or download as zip and unzip on your machine.
- Open the project in your prefered code editor.
- Go to terminal -> New terminal (If you are using VS code)
- Split your terminal into two (run the Frontend on one terminal and the server on the other terminal)
In the first terminal
```
$ cd Fronted
$ npm install
$ npm run dev
```
In the second terminal
- Create your MySQL database, which you will use as your database
- Supply the following credentials
```
# --- Terminal ---
$ cd Backend
$ npm install
$ npm start
```
## Technologies used
This project was created using the following technologies.
#### Frontend
- [React JS ](https://www.npmjs.com/package/react) - JavaScript library that is used for building user interfaces specifically for single-page applications
- [React Hooks ](https://reactjs.org/docs/hooks-intro.html) - For managing and centralizing application state
- [React Router Dom](https://www.npmjs.com/package/react-router-dom) - To handle routing
- [Axios](https://www.npmjs.com/package/axios) - For making Api calls
- [Tailwind CSS](https://tailwindcss.com/) - For User Interface
- [React icons](https://react-icons.github.io/react-icons/) - Small library that helps you add icons to your react apps
- [Redux](https://redux.js.org/) - Managing complex application state
- [Localforage](https://localforage.github.io/localForage/) - Saves data in the web browser asynchronously
- [React Vite](https://vitejs.dev/guide/) - Improved website speed
- [Redux Toolkit](https://redux-toolkit.js.org/) - To facilitate the development of web applications using Redux
- [Apexcharts](https://www.npmjs.com/package/apexcharts) - An open source library used to create interactive graphics on websites or web applications
- [Match Sorter](https://www.npmjs.com/package/match-sorter) - An open source library used to create interactive graphics on websites or web applications
- [Email JS](https://www.emailjs.com/) - For User Interface
- [Framer Motion](https://www.framer.com/motion/) - For User Interface
- [React Redux](https://react-redux.js.org/) - Managing complex application state
- [React to Print](https://www.npmjs.com/package/react-to-print) - Print PDF
- [Sweet Alert2](https://sweetalert2.github.io/) - Create various types of pop-up alerts such as regular alerts, error alerts, success alerts, confirmation alerts, and so on.
#### Backend
- [Node JS](https://nodejs.org/en/) -A runtime environment to help build fast server applications using JS
- [Express JS](https://www.npmjs.com/package/express) -The server for handling and routing HTTP requests
- [MySql12](https://www.npmjs.com/package/mysql2) - For authentication
- [Cors](https://www.npmjs.com/package/cors) - Provides a Connect/Express middleware
- [Bcrypt JS](https://www.npmjs.com/package/bcryptjs) - For data encryption
- [Dotenv](https://www.npmjs.com/package/dotenv) - Zero Dependency module that loads environment variables
- [Nodemon](https://www.npmjs.com/package/nodemon) - To monitor changes to the program code that is being developed
- [Jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken) - For authentication
- [Cookie Parser](https://www.npmjs.com/package/cookie-parser) - A middleware for web frameworks
- [Sequelize](https://www.npmjs.com/package/sequelize) - An Object-Relational Mapping (ORM) for Node.js that makes it easy to access relational databases such as MySQL, PostgreSQL, and SQLite using the JavaScript programming language.
- [Argon2](https://www.npmjs.com/package/argon2) - A password-hashing function that summarizes the state of the art in the design of memory-hard functions and can be used to hash passwords for credential storage, key derivation, or other applications.
- [Connect Session Sequelize](https://www.npmjs.com/package/connect-session-sequelize) - Implement authentication for users with site applications.
#### Database
- [MySQL ](https://www.mysql.com/)