This project is a demonstration of an Angular application with routing. It showcases a simple project structure with three routes: '' (empty)
, /home
, and /login
.
The project follows a modular structure within the app module. It consists of the following modules:
-
Auth Module: This module serves as the core for mock-authentication mechanics. Also, it includes the global-routes.ts file, which defines an enum with global routes.
-
Login Module: This module includes the login page accessible via the
/login
route and the landing page through the'' (empty)
route. -
System Module: This module is designed for authorized users and features a dashboard page accessible via the
/home
route.
-
Routing: The project demonstrates the usage of Angular routing to navigate between different pages based on the user's authentication status. Authorized users can only access the System Module, while non-authorized users can only access the Login Module.
-
Login Page: The login page allows users to authenticate (in the demo, without providing their credentials).
-
Landing Page: The landing page serves as the entry point for non-authorized users, providing them with an overview of the application's features.
-
Dashboard Page: The dashboard page offers a personalized experience for authorized users, showcasing relevant data and functionalities. Additionally, this page serves as the entry point for authorized users.
###Usage
To run the project locally, follow these steps:
#Clone the repository:
git clone [email protected]:vaReliy/login-landing.git
#Install the dependencies:
npm install
#Start the development server:
npm start
#Open the application in your browser:
http://localhost:4200