This is a React-based project that demonstrates the use of components, state management, and event handling. The project features a simple UI that displays two main sections: User Home and Admin Home. Each section has a table that displays a list of users, and the Admin Home section also includes a form for creating new users.
- Two main sections: User Home and Admin Home
- Table that displays a list of users for each section
- Admin Home section includes a form for creating new users
- Responsive UI that works well on both desktop and mobile devices
- Clone the repository to your local machine.
- Install the required dependencies using ‘npm install’.
- Run the project using ‘npm run dev’.
- Node.js and npm should be installed on your local machine.
- Clone the repository to your local machine using ‘git clone https://github.com/ArmSiwatK/React-Assessment.git’.
- Change to the project directory using ‘cd React-Assessment’.
- Install the dependencies using ‘npm install’.
- Run the project using ‘npm run dev’.
- Open your web browser and navigate to ‘http://localhost:5173/’.
- Click on the “User Home Section” or “Admin Home Section” button to switch between the two sections.
- In the Admin Home section, you can create a new user by filling out the form and clicking on the “Create User” button.
- In the Admin Home section, you can delete a user by clicking on the “Delete” button next to their name in the table.
- This project is an assessment for a Generation Thailand learner in React, and so not currently open for contributions.
- 45_Siwat (Arm/อาร์ม)
- React for providing the framework for building this project.