Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/AndresOrozcoDev/Paginator/llms.txt

Use this file to discover all available pages before exploring further.

​
Prerequisites

Before installing Paginator, ensure you have the following tools installed on your system:
Minimum version: 18.18.0 or higherDownload and install from nodejs.orgVerify installation:
node --version
Recommended version: 19.1.8 or higherInstall globally via npm:
npm install -g @angular/cli
Verify installation:
ng version
Required for cloning the repositoryDownload from git-scm.comVerify installation:
git --version

​
Installation Steps

Follow these steps to get Paginator running on your local machine:
1

Clone the Repository

Clone the Paginator repository from GitHub:
git clone https://github.com/AndresOrozcoDev/Paginator.git
cd Paginator
This will create a Paginator directory with all the source code.
2

Install Dependencies

Install all required npm packages:
npm install
This will install:
  • Angular 19.1.0 and related packages
  • Bootstrap 5.3.7
  • RxJS 7.8.0
  • TypeScript 5.7.2
  • Development dependencies (Karma, Jasmine, etc.)
The installation may take a few minutes depending on your internet connection.
3

Verify Installation

Verify that everything is installed correctly:
ng version
You should see output showing Angular CLI version 19.1.8 and Angular version 19.1.0.
4

Start Development Server

Start the Angular development server:
ng serve
Or use the npm script:
npm start
The application will be available at http://localhost:4200

​
Project Structure

After installation, you’ll find the following structure: 
Paginator/
├── src/
│   ├── app/
│   │   ├── core/              # Core module (services, loading component)
│   │   │   ├── components/
│   │   │   └── services/      # ThemeService, LoadingService
│   │   ├── features/
│   │   │   └── paginator/     # Main feature module
│   │   │       ├── components/ # Filters, Table, Pagination, Header
│   │   │       ├── page/      # Home component
│   │   │       ├── services/  # LocationsService
│   │   │       └── types/     # TypeScript interfaces
│   │   ├── app.component.ts
│   │   └── app.routes.ts
│   ├── assets/
│   ├── styles.scss
│   └── index.html
├── angular.json
├── package.json
└── tsconfig.json

​
Available Scripts

Once installed, you can run these npm scripts: 
npm start
# or
ng serve

​
Common Issues and Troubleshooting

If port 4200 is already in use, you can specify a different port:
ng serve --port 4300
Try clearing the npm cache and reinstalling:
npm cache clean --force
rm -rf node_modules package-lock.json
npm install
Ensure you have the correct Angular CLI version installed:
npm uninstall -g @angular/cli
npm install -g @angular/cli@19.1.8
Make sure you’re using TypeScript 5.7.2 as specified in package.json:
npm install typescript@5.7.2 --save-dev
If you encounter persistent issues, try deleting node_modules and package-lock.json, then run npm install again.

​
Next Steps

Now that you have Paginator installed, check out the Quick Start guide to learn how to use the application and explore its features.