iamcodehead / magilla-assessment Goto Github PK

This project was generated with Angular CLI version 17.3.4.

This is a simple web application built with angular to demonstrate proficiency with core angular concepts like component-based architecture, directives, content projection, services, routing, forms, validation, dependency injection, as well as frontend application performance, accessibility, and security. It features authentication, role management, API integration, UI responsivness etc. It includes a modules where authenticated users can access information about countries as well as performing update and delete actions with the countries data.

It uses hardcoded login details to demonstrate authentication Details below:

Email: [email protected] Password: password

Email: [email protected] Password: password

Each Login has a corresponding ROLE i.e ROLE = "admin" | "operator"

To get a local copy up and running, follow these steps:

1. Clone the repository.

git clone https://github.com/iAmCodeHead/maGilla-assessment.git

2. Navigate to the project directory.

cd maGilla-assessment

3. Install dependencies.

npm install

4. Start the development server

ng serve

Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Angular: Angular is a platform and framework for building single-page client applications using HTML and TypeScript Angular Material: UI component infrastructure and Material Design components for mobile and desktop Angular web applications. TailwindCss: Tailwind CSS is a utility-first CSS framework for rapidly building pixel-perfect websites.

We welcome contributions from everyone. Here are a few guidelines to help you get started:

Fork the project & clone locally. Create an upstream remote and sync your local copy before you branch. Branch for each separate piece of work. Do the work, write good commit messages. Push to your origin repository. Create a new PR in GitHub.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Run ng test to execute the unit tests via Karma.

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.