{"id":17366797,"url":"https://github.com/minnukota381/usermanagement-app-angular-springboot","last_synced_at":"2025-08-02T14:31:34.630Z","repository":{"id":255963248,"uuid":"853989048","full_name":"minnukota381/UserManagement-App-Angular-SpringBoot","owner":"minnukota381","description":"This project is a user management system built using Angular for the frontend and Spring Boot for the backend. It provides functionality to create, read, update, and delete (CRUD) users, with the data being stored in a MySQL database.","archived":false,"fork":false,"pushed_at":"2024-09-11T03:54:29.000Z","size":162,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-17T02:05:02.658Z","etag":null,"topics":["angular","java","material-ui","spring-boot","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/minnukota381.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-08T05:04:31.000Z","updated_at":"2024-09-16T11:18:54.000Z","dependencies_parsed_at":"2024-09-11T09:11:35.921Z","dependency_job_id":null,"html_url":"https://github.com/minnukota381/UserManagement-App-Angular-SpringBoot","commit_stats":null,"previous_names":["minnukota381/usermanagement-app-angular-springboot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minnukota381%2FUserManagement-App-Angular-SpringBoot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minnukota381%2FUserManagement-App-Angular-SpringBoot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minnukota381%2FUserManagement-App-Angular-SpringBoot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minnukota381%2FUserManagement-App-Angular-SpringBoot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/minnukota381","download_url":"https://codeload.github.com/minnukota381/UserManagement-App-Angular-SpringBoot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228480178,"owners_count":17926884,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","java","material-ui","spring-boot","typescript"],"created_at":"2024-10-15T22:05:00.912Z","updated_at":"2024-12-06T14:41:59.945Z","avatar_url":"https://github.com/minnukota381.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **User Management Application (Angular + Spring Boot)**\n\nThis project is a user management system built using **Angular** for the frontend and **Spring Boot** for the backend. It provides functionality to create, read, update, and delete (CRUD) users, with the data being stored in a **MySQL** database.\n\n## **Features**\n\n- Create new users\n- View a list of all users\n- Update existing users\n- Delete users\n- Frontend and backend communication using RESTful APIs\n- Postman setup for API testing\n\n## **Technologies Used**\n\n### **Frontend (Angular)**\n\n- **Angular 15+**\n- **TypeScript**\n- **HTML5/CSS3**\n- **Bootstrap 5 (for UI components)**\n\n### **Backend (Spring Boot)**\n\n- **Spring Boot 3+**\n- **Spring Data JPA**\n- **Hibernate ORM**\n- **MySQL Database**\n- **Maven (for dependency management)**\n\n### **Tools**\n\n- **Postman** for API testing\n- **STS (Spring Tool Suite)** for backend development\n- **Angular CLI** for frontend development\n\n---\n\n## **Prerequisites**\n\nTo run the project, ensure you have the following installed on your machine:\n\n- **Node.js** (for Angular)\n- **Angular CLI** (globally installed)\n- **JDK 17+** (for Spring Boot)\n- **MySQL Server** (or a MySQL-compatible database)\n- **STS** (Spring Tool Suite) or any IDE for running Spring Boot\n- **Postman** (optional for API testing)\n\n---\n\n## **Database Setup (MySQL)**\n\n1. Install and configure **MySQL** on your system.\n2. Create a new MySQL database:\n\n    ```sql\n    CREATE DATABASE user_management;\n    ```\n\n3. Open the `application.properties` file in your Spring Boot project and set your MySQL credentials:\n\n    ```properties\n    spring.datasource.url=jdbc:mysql://localhost:3306/user_management\n    spring.datasource.username=your-username\n    spring.datasource.password=your-password\n    spring.jpa.hibernate.ddl-auto=update\n    spring.jpa.show-sql=true\n    spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQLDialect\n    ```\n\n---\n\n## **How to Run the Application**\n\n### **Backend (Spring Boot)**\n\n1. Open the Spring Boot project in **STS** or any IDE of your choice.\n2. Ensure your MySQL server is running and the database is properly configured.\n3. Run the Spring Boot application:\n    - Right-click on the project \u003e Run As \u003e Spring Boot App (or run the main class in your IDE).\n4. The backend API will be accessible at:\n    - `http://localhost:8080/api/users`\n\n### **Frontend (Angular)**\n\n1. Open a terminal and navigate to the **Angular** project folder.\n2. Install the required dependencies by running:\n\n    ```bash\n    npm install\n    ```\n\n3. Run the Angular development server:\n\n    ```bash\n    ng serve\n    ```\n\n4. The Angular app will be running at:\n    - `http://localhost:4200`\n\n---\n\n## **Postman Setup**\n\nYou can use **Postman** to test the backend APIs:\n\n1. **GET All Users**\n   - URL: `GET http://localhost:8080/api/users`\n2. **POST Create New User**\n   - URL: `POST http://localhost:8080/api/users`\n   - Body (JSON):\n\n     ```json\n     {\n       \"name\": \"Helcy\",\n       \"age\": 18\n     }\n     ```\n\n3. **DELETE a User**\n   - URL: `DELETE http://localhost:8080/api/users/{id}`\n\n---\n\n## **Project Structure**\n\n### **Frontend (Angular)**\n\n```plaintext\nsrc/\n├── app/\n│   ├── components/\n│   │   ├── user-create/\n│   │   ├── user-list/\n│   ├── models/\n│   │   └── user.model.ts\n│   ├── services/\n│   │   └── user.service.ts\n│   ├── app.module.ts\n│   └── app.component.html\n├── assets/\n└── index.html\n```\n\n### **Backend (Spring Boot)**\n\n```plaintext\nsrc/main/java/com/example/user/\n├── controller/\n│   └── UserController.java\n├── model/\n│   └── User.java\n├── repository/\n│   └── UserRepository.java\n├── service/\n│   └── UserService.java\n└── UserManagementApplication.java\n```\n\n---\n\n## **Troubleshooting**\n\n1. **CORS Policy Error**\n   If you encounter a CORS issue, ensure that you have added CORS configuration in your Spring Boot application:\n\n   ```java\n   @Configuration\n   public class WebConfig implements WebMvcConfigurer {\n       @Override\n       public void addCorsMappings(CorsRegistry registry) {\n           registry.addMapping(\"/api/**\").allowedOrigins(\"http://localhost:4200\");\n       }\n   }\n   ```\n\n2. **MySQL Connection Issues**\n   - Ensure MySQL is running, and the database URL, username, and password are correct in the `application.properties` file.\n   - Make sure the MySQL service is active on your machine (`sudo service mysql start` for Linux/Mac).\n\n---\n\n## **API Endpoints**\n\n### **User Management Endpoints**\n\n- **GET** `/api/users` - Retrieve all users\n- **POST** `/api/users` - Create a new user\n- **DELETE** `/api/users/{id}` - Delete a user by ID\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fminnukota381%2Fusermanagement-app-angular-springboot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fminnukota381%2Fusermanagement-app-angular-springboot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fminnukota381%2Fusermanagement-app-angular-springboot/lists"}