https://github.com/lb1997ccb/ng-star-wars-spa
An Angular application that integrates with the Star Wars API to fetch and display characters and their details. Features pagination, simple caching for improved performance and dynamic routing for individual character details. Built with TypeScript and Angular Material.
https://github.com/lb1997ccb/ng-star-wars-spa
angular ngrx swapi-api
Last synced: 3 months ago
JSON representation
An Angular application that integrates with the Star Wars API to fetch and display characters and their details. Features pagination, simple caching for improved performance and dynamic routing for individual character details. Built with TypeScript and Angular Material.
- Host: GitHub
- URL: https://github.com/lb1997ccb/ng-star-wars-spa
- Owner: lb1997ccb
- License: mit
- Created: 2023-01-08T10:37:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-02T13:08:40.000Z (about 2 years ago)
- Last Synced: 2025-04-02T04:29:41.352Z (over 1 year ago)
- Topics: angular, ngrx, swapi-api
- Language: TypeScript
- Homepage:
- Size: 549 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular Star Wars App
## Overview
Angular Star Wars App is a web application built with Angular that interacts with the Star Wars API. It allows you to browse and explore information about characters and planets from the Star Wars universe. The app features pagination for navigating through character lists, caching to optimize API calls, and dynamic routing for viewing detailed character information.
## Features
- **Pagination:** Navigate through lists of Star Wars characters.
- **Caching:** Improve performance with data caching for repeated API calls.
- **Dynamic Routing:** View detailed information about each character.
- **Responsive Design:** User-friendly interface with Angular Material components.
## Getting Started
### Prerequisites
Make sure you have Node.js and npm installed on your development machine.
### Installation
Clone the repository and install dependencies:
```bash
git clone
cd angular-star-wars-app
npm install
```
### Development Server
To start the development server, run the following command:
```bash
ng serve
```
## Usage
- Browse characters using the pagination controls.
- Click on a character to view detailed information.
- Navigate back and forth using the browser's back and forward buttons.
## Technologies Used
- Angular
- TypeScript
- Angular Material
- Star Wars API
## Contributing
Contributions are welcome! Fork the repository, make changes, and submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.