This is a simple user management application created as a learning project to practice using APIs and Vue.js. The application allows you to perform basic CRUD (Create, Read, Update, Delete) operations on user data through a backend API.
- View a list of users with their details.
- Create new users with their name, phone, email, and country.
- Edit and update existing user information.
- Delete users from the system.
- Vue.js: A progressive JavaScript framework for building user interfaces.
- Fetch API: Used to interact with the backend API and perform CRUD operations.
- Vue Router: Provides navigation and routing functionality within the application.
- CSS: Styling the application for a visually appealing user experience.
-
Clone the repository:
git clone https://github.com/your-username/user-management-app.git
Install dependencies:
cd frontend
npm install
Install dependencies:
cd backend
npm install
-
Configure API Endpoint: Update the API endpoint in your Vue components to match your backend server's URL. Run the application:
cd frontend npm run serve
cd backend npm run start
Open your browser and navigate to http://localhost:8080/dashboard to access the application.