Code Monkey home page Code Monkey logo

employees-ms-client's Introduction

backend dependencies

  • express

    • Express is a minimal and flexible Node.js web application framework used to build server-side applications, APIs, and handle HTTP requests and responses. It offers robust routing, middleware support, and tools for serving static files and rendering server-side HTML views. Express is popular for creating RESTful APIs, integrating with databases, and developing real-time applications with WebSocket libraries. Its simplicity and flexibility make it a go-to choice for Node.js developers.
  • mysql

    • MySQL is an open-source relational database management system (RDBMS) that uses SQL for managing and manipulating data. It is known for its reliability, ease of use, performance, and scalability. Key features include data storage in tables, robust security, flexibility across operating systems, high performance, and tools for backup and recovery. MySQL is widely used for web applications and large-scale enterprise systems.
  • cors

    • CORS (Cross-Origin Resource Sharing) is a security feature implemented by web browsers to allow or restrict web pages from making requests to a different domain than the one that served the web page. It uses HTTP headers to manage cross-origin requests
  • cookie-parser

    • cookie-parser is a middleware for Express.js that simplifies handling cookies. It parses cookies from the request header and makes them available on req.cookies, and can also handle signed cookies via req.signedCookies. It can be configured with a secret key for signing cookies to ensure their integrity. This middleware is useful for easily reading, setting, and managing cookies in an Express application.
  • bcrypt

    • bcrypt is a library for securely hashing and managing passwords in Node.js applications. It hashes passwords with a unique salt to protect them from attacks and allows configuration of the hashing difficulty. It also provides methods to compare plaintext passwords with hashed ones for verification. bcrypt is widely used to enhance password security by making it computationally challenging to crack hashes.
  • jsonwebtoken

    • jsonwebtoken is a Node.js library for creating and verifying JSON Web Tokens (JWTs). It helps with secure authentication and authorization by generating tokens with a payload and secret key, and verifying their authenticity. It supports various signing algorithms and allows for custom claims and expiration settings.
  • multer

    • multer is a Node.js middleware for handling file uploads in Express applications. It processes multipart/form-data requests, allowing files to be accessed through req.file or req.files. It supports various storage options (disk or memory), file validation, and error handling
  • path

    • The path module in Node.js provides utilities for working with file and directory paths. It offers methods to join, resolve, normalize, parse, and format paths in a cross-platform manner, making it easier to manage file paths in a consistent way across different operating systems.
  • nodemon

    • nodemon is a Node.js utility that automatically restarts your application when file changes are detected. It simplifies development by eliminating the need for manual server restarts, and it can be configured to watch specific files or directories.

    back end dependency install commands

npm i express
npm i mysql
npm i cors
npm i cookie-parser
npm i bcrypt
npm i jsonwebtoken
npm i multer
npm i path

npm i nodemon

front end dependency install commands

npm create vite@latest
### Select the react template 
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm i -D daisyui@latest
npm i react-router-dom
npm i axios
npm install lucide-react
npm install prop-types --save

Code Stack

Frontend Backend
React JS MySQL
Tailwind CSS CORS
Daisy UI Cookie-Parser
React Router DOM Bcrypt
Axios JSONWebToken
Lucide Icons Multer
prop-types Path
Nodemon

colors theme

Section Colors
Primary #ffb07c
Secondary #e5a186
Tertiary #457b9d
Accent #669bbc
Neutral #52575D

Failed function & Issues

  • Upload Image Function
    • ที่จริงแล้ว image field ในหน้าเพิ่มพนักงานต้องเป็น input Type file นะครับผมสร้างฟังก์ชัน ที่เก็บรูปเอาไว้แล้วครับ แต่ว่า ผมมีปัญหาตอน add pathรูปเข้า database ก็เลยเปลี่ยนเป็น input type Text แทนครับ ถ้าใครผ่านมาเจอก็ ทำให้มันสำเร็จด้วยนะครับ

User and password of the admin site

## username
[email protected]
## Password
1234

employees-ms-client's People

Contributors

kanphatratrazer avatar

Watchers

Mr. Kanphat Jam💻 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.