This project is a React application that displays a directory of characters from the Star Wars universe using the Star Wars API. It features infinite scrolling, search functionality, and a modern UI using Material UI components.
- Infinite Scroll: Load more characters as you scroll down.
- Search: Filter characters by name, homeworld, or species using the search bar.
- Responsive Design: Optimized layout for different screen sizes.
- Skeleton Loading: Display skeleton when the whole list is not displayed.
- Theming: Dark theme with Material UI.
-
Clone the repository:
git clone https://github.com/yourusername/star-wars-directory.git cd star-wars-directory
-
Install dependencies:
npm install
- Start the development server:
npm start
The application will open in your default browser at http://localhost:3000.
To run tests, use the following command:
npm test