Fa-Lin (Roy) Wang
- Project Description
- How to Run
- How to Use
- Requirements
- Progress
- Challenge Scope
I create a CRUD employee performance review website using React, Express, Node.js, MySQL, and Tailwind CSS. The website allows users to create new accounts and stores hashed information using bcrypt on the database using MySQL. The front end is created using React.js and React Hook, cooperating with the utility-first CSS framework, and it is responsive and mobile-friendly. The backend is written in Node.js ES6.
- Local on Mac
- First, you would need to install the dependencies with
npm install
in both server and client side. - For client, move to
/client
and runnpm start
, the default is run on port 3000. - For server, open another terminal tap to
/server
and runnpm start
, the default is run on port 5000 - When you open them successfully, you should see the screen like below.
You can sign up using username (required), email (required) and password more then 6 digits.
You can view the list of employees with the button "View All Employees" below.
You can also update the usernames or delete users.
- High level description of design and technologies used
- Server side API (Express and MySQL)
- GET /auth
- POST /auth/signup
- GET /employees
- PUT /employees/update
- DELETE /employees/delete/:id
- Web app (React APP)
- Components: Navigation
- responsive and with button to tap on on mobile
- Components: Footer
- Components: Sign Up Form
- integrate with /auth/signup API and add profile data to database
- Components: View All Employees
- integrate with GET/PUT/DELETE /employees APIS
- list out all the employee on the list
- Components: Navigation
- Initiate Product Requirement Document
- Create low-fidelity wireframes
- Comparative analysis
- Research which technology to use
- Initiate environment
- User authentication
- Add employees
- remove employees
- update employees
- List of employees
- Implement reviews database
- Link 2 databases (employee and review)
- Implement authorization (admin and non-admin)
- Admin - add/update/view reviews
- Employee - View list
- Employee - Add and submit feedback
- Deploy production
Design a web application that allows employees to submit feedback toward each other's performance review.
Partial solutions are acceptable. It is not necessary to submit a complete solution that implements every requirement.
- Add/remove/update/view employees
- Add/update/view performance reviews
- Assign employees to participate in another employee's performance review
- List of performance reviews requiring feedback
- Submit feedback
- High level description of design and technologies used
- Server side API (using a programming language and/or framework of your choice)
- Implementation of at least 3 API calls
- Most full stack web developers at PayPay currently use Java, Ruby on Rails, or Node.js on the server(with MySQL for the database), but feel free to use other tech if you prefer
- Web app
- Implementation of 2-5 web pages using a modern web framework (e.g. React or Angular) that talks to server side
- This should integrate with your API, but it's fine to use static responses for some of it
- Implementation of 2-5 web pages using a modern web framework (e.g. React or Angular) that talks to server side
- Document all assumptions made
- Complete solutions aren't required, but what you do submit needs to run.