Get Started

Clone the repo:

git clone https://github.com/Yanir-R/UserManagementSystem.git

Install dependencies:

npm i

Install npm i inside client & server folders

Run the Server With Data:

npm run preload

Run ONLY for load the data

Run the Server:

npm run dev

If you already loaded the data, you can use this command for development environment

nodemon a wrapper for node, will restart the server on file changes

Run The Client:

npm start

build and serves the client side, will also restart the service on file changes

Introduction

React & NodeJS app with connection to MongoDB that can preload dummy data into an organized table, You can insert\edit\save\delete user & search user by their surname, You can see more info that base on the user IP address that I pulled from ip-api

Features

• Create, Save, Edit & Delete users that you created that are saved in MongoDB database
• Preload dummy-data to MongoDB from JSON file
• Search based on surname
• Get more info that based on IP that you filled, from ip-api
• Validations on add\edit user form
• Simple Server validations
• Responsive Design

Instructions

• Initially the application with your browser at http://localhost:3000/
  you will see an empty table with a header of No Data Found
• Run the app at Server Folder with the command npm run preload if you want to see dummy-data or you can click on Add User button for adding one by yourself
• You can search user by their surname _{search works only for surname}
• View button on a specific user will open a new page with the user details & with extra details that I bring from ip-api that takes the IP address & gives you more info about that user
• Add\Delete & edit user will of course add\delete or edit a user (:
• The edit button will let you edit the specific user you choose

Motivation

I created the project to test my abilities with NodeJS & mongoDB.

Technologies

License MIT © Yanir-r