This project demonstrates a simple authentication system using Angular, integrated with a .NET Core backend utilizing JWT (JSON Web Tokens) for secure authentication.
- Angular: Frontend framework for building single-page applications.
- Bootstrap 5.3.3: Frontend component library for responsive and mobile-first design.
- Angular Material Design Bootstrap (MDB): Angular components based on Material Design and Bootstrap for UI elements.
- JWT (JSON Web Tokens): Secure authentication mechanism used between Angular frontend and .NET Core backend.
- TypeScript: Programming language used for Angular development.
- HTML/CSS: Markup and styling languages for structuring and presenting the frontend UI.
- Visual Studio Code: Integrated development environment (IDE) for Angular and TypeScript development.
- Login Component: Provides a form for users to enter their credentials and authenticate.
- Authentication Service: Manages user authentication using JWT tokens.
- Navbar Component: Displays a navigation bar with a logout button after successful login.
- Responsive Design: Ensured the application is responsive using Bootstrap's grid system.
- To run this project locally:
- Clone the repository:
git clone https://github.com/Pedrolustosa/Login.UI cd Login.UI- Install dependencies:
npm install- Run the Angular development server:
ng serve- Open the application:
- Navigate to
http://localhost:4200/in your web browser.
- Access the login page (
/login) to authenticate with valid credentials. - After successful login, navigate to the home page (
/home) where you can view authenticated content. - Use the logout button in the navbar to securely log out of the application.
Contributions are welcome! Feel free to fork the repository, make your changes, and submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.