Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anjola-adeuyi/ricknscroll
A Rick and Morty character browser application named RicknScroll using React and TypeScript. https://rick-n-scroll.vercel.app
https://github.com/anjola-adeuyi/ricknscroll
api infinite-scroll pagination query react typescript
Last synced: about 9 hours ago
JSON representation
A Rick and Morty character browser application named RicknScroll using React and TypeScript. https://rick-n-scroll.vercel.app
- Host: GitHub
- URL: https://github.com/anjola-adeuyi/ricknscroll
- Owner: anjola-adeuyi
- Created: 2024-04-19T13:27:08.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-04-20T12:38:56.000Z (7 months ago)
- Last Synced: 2024-04-20T15:02:00.925Z (7 months ago)
- Topics: api, infinite-scroll, pagination, query, react, typescript
- Language: TypeScript
- Homepage: https://rick-n-scroll.vercel.app
- Size: 64.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RicknScroll
[Visit the RicknScroll app](https://rick-n-scroll.vercel.app/)
## Features
- **Infinite Scrolling**: Scroll through an extensive list of characters without having to navigate through pages.
- **Search Functionality**: Search for characters by their name to quickly find specific characters.
- **Loading Indicator**: Visual indication of loading state when fetching more characters.
- **Error Handling**: Provides user-friendly error messages in case of failed API requests.
- **Responsiveness**: Responsive design that works well on desktop and mobile devices
## Technologies Used
- **React**: Frontend library for building user interfaces.
- **TypeScript**: Superset of JavaScript that adds static typing to the language.
- **Tailwind CSS**: Utility-first CSS framework for styling components.
- **Axios**: A popular HTTP client for making API requests.
- **React Router DOM**: A routing library for React applications.
- **Rick and Morty API**: External API used to fetch character data.
## Getting Started
To run RicknScroll locally, follow these steps:
1. Clone this repository:
```bash
git clone https://github.com/anjola-adeuyi/RicknScroll.git
```
2. Install dependencies:
```bash
cd RicknScroll
npm install
```
3. Start the development server:
```bash
npm start
```
4. Open your browser and navigate to http://localhost:3000 to view the application.
[To visit the RicknScroll app](https://rick-n-scroll.vercel.app/)