Let's begin
Thank you for buying the Lagos admin template
Main dependancies
- Angular- 19
- Scss
- Bootstrap-5
Lagos Angular Theme is pure angular theme, Yes! you read correct, it's No Jquery angular admin theme including all feature and functionality with ease of integration for your project.cion theme document will help you to understand angular from scratch to making perfect real time dream application.
Follow the documentation carefully for solving your issues in minutes, Apart from that if you don't find solution when you following the docs you can raise a support ticket for your issue from support.pixelstrap.com
Folder Structure:
Before starting any project, it is very important to set a folder structure. It helps us organize our code neatly and makes it easier for the future developers to modify anything in the theme.
Installation Guide:
Installation Guide: To make sure that you can setup your project smoothly, we have provided an Installation guide for you to follow. This Installation guide contains everything from installing node till running your project. Do not miss any steps while creating a new project or else you might have to start over again.
Installation Guide: Make sure that you go through the explanation of folder structure used in our theme, it will become easier for you to make any modifications. If you want , you could follow our folder structure in your project , that way if you encounter any difficulties in your project , you can refer our theme.
Sidebar:
To navigate through the website, a sidebar is must. But with increasing page , number of lines required to display all the links in sidebar increases rapidly. To make it shorter we have used looping concepts. You can refer our guide to sidebar to learn more about how our code logic works.
Dark Layout:
It is essential for us to maintain good user experience, and even when they are browsing through your website at night, that experience should not be ruined just because your website is too bright. To make sure our user gets the best experience at any time of the day, we have added the dark mode. Go through our Guide to dark layout to know more about it.
Creating New Page:
Creating New Page: When you have completed setting up your project, you might require to add more pages. A short guide on how to create new pages have been given in this documentation. You can refer it and start adding your own pages.
Routing Guide:
Creating New Page: One of the most important things in any Angular site is routing. Without it your website cannot run. It is responsible for creating paths for our website pages and attaching components to show to those paths. An extensive guide has been made on this topic, go through it and follow the given steps to make you own routes.
Services Guide:
There are multiple elements in this website that are dependent on each other, when the state of one element or component changes then according to that other component might have to change as well. For that we can keep emiting event till we reach the common parent components and pass props through it. But when having multiple levels of parent child relationship this process becomes very difficult to implement. To tackle this problem Services has been provided. To know more about it refer our services Guide.
Loader:
There are multiple elements in this website that are dependent on each other, when the state of one element or component changes then according to that other component might have to change as well. For that we can keep emiting event till we reach the common parent components and pass props through it. But when having multiple levels of parent child relationship this process becomes very difficult to implement. To tackle this problem Services has been provided. To know more about it refer our services Guide.
Multi Language Guide:
We will have many users accross the world, and they will be comfortable reading through your website if the language used is their native language. Multiple languages functionality has been provided so according to the users you can implement options for many different languages.
Components:
A good practise while coding is to Never Repeat Your Code. Which means once you write some lines of code, you should avoid writing same lines of code somewhere else. Make those lines of code in such a way that you can use it multiple times throughout your website. We have created such components and given a detialed explaination about them. Make sure to go throught it.
Apps:
To manage admin side functionalities we have created a few different apps like Chat Application , To-Do application, Email Application etc... To find out what other applications we have provided , see our Apps Guide.