Frontend Angular Job Assignment

Project Title: Party Management System

Overview:

You are tasked with developing a Party Management System using Angular. The system should allow users to manage party details through a web interface. Users will be able to perform CRUD (Create, Read, Update, Delete) operations on party records. The data for these operations will be fetched from and sent to a JSON collection via provided APIs.

Requirements:

• Login Page:
  
  
  • Create a login page where users can authenticate themselves.
  • The login page should have fields for username and password.
  • Include basic validation for these fields.
• Party Management:
  
  
  • Create a form to add new party details.
  • Implement functionality to update existing party details.
  • Implement functionality to delete a party.
  • Display a list of parties in a table format with options to view, edit, and delete each party.
• API Integration:
  
  
  • Use the provided APIs to fetch, create, update, and delete party data.
  • Ensure that the application handles API responses and errors gracefully.

Technical Requirements:

• Frontend Framework: Angular
• UI/UX: Use Angular Material or a similar UI framework for a responsive and user-friendly interface.
• State Management: Use Angular services for state management and API calls.
• Routing: Use Angular Router for navigation between the login page and the party management page.
• Validation: Implement form validation using Angular's reactive forms.

Deliverables:

• GitHub Repository:
  
  
  • The repository should contain all the source code of the project.
  • Include a detailed README file with instructions on how to set up and run the project locally.


• Deployed Application:
  
  
  • Deploy the application using a service like GitHub Pages, Netlify, Vercel, or any other preferred hosting service.
  • Provide the link to the deployed application.

Submission:

Submit the GitHub repository link and the deployed application link. Ensure that both links are accessible.

Evaluation Criteria:

• Functionality: All CRUD operations should work correctly.
• Code Quality: Code should be clean, well-organized, and follow Angular best practices.
• UI/UX: The application should be user-friendly and visually appealing.
• Deployment: The deployed application should be fully functional and accessible.

Additional Notes:

• Focus on creating a robust and maintainable codebase.
• Ensure that the application is responsive and works well on different screen sizes.
• Handle edge cases and provide appropriate feedback to users (e.g., error messages, success notifications).
Download API Collection

Good luck, and we look forward to your submission!