Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahul-sahani04/anime-quotes-app
The Anime Quotes App is a React-based web application for exploring and discovering anime quotes. It fetches random anime quotes from a database, offers customization options for their display, provides character information, and enables easy sharing of your favorite quotes
https://github.com/rahul-sahani04/anime-quotes-app
anime api bun javascript nodejs react reactjs supabase
Last synced: about 8 hours ago
JSON representation
The Anime Quotes App is a React-based web application for exploring and discovering anime quotes. It fetches random anime quotes from a database, offers customization options for their display, provides character information, and enables easy sharing of your favorite quotes
- Host: GitHub
- URL: https://github.com/rahul-sahani04/anime-quotes-app
- Owner: Rahul-Sahani04
- Created: 2023-11-08T10:41:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-07T10:26:29.000Z (11 months ago)
- Last Synced: 2024-04-21T12:20:57.882Z (7 months ago)
- Topics: anime, api, bun, javascript, nodejs, react, reactjs, supabase
- Language: JavaScript
- Homepage: https://anime-quotes-app-seven.vercel.app
- Size: 439 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Anime Quotes App
## Table of Contents
- [Introduction](#introduction)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Fetching Anime Quotes](#fetching-anime-quotes)
- [Character Information](#character-information)
- [Custom Fonts](#custom-fonts)
- [Contact Information](#contact-information)
- [Contributing](#contributing)
- [License](#license)
## Introduction
The Anime Quotes App is a React-based web application that allows users to explore and discover anime quotes. It fetches random anime quotes from a database and displays them in an appealing and customizable format. Additionally, the app provides character information and the ability to capture and share the displayed quotes.
## Getting Started
### Prerequisites
To run the Anime Quotes App, you need to have the following prerequisites installed on your system:
- Node.js: Ensure that you have Node.js installed. You can download it from [nodejs.org](https://nodejs.org/).
### Installation
Follow these steps to set up and run the Anime Quotes App:
1. Clone the repository to your local machine:
```bash
git clone https://github.com/Rahul-Sahani04/anime-quotes-app.git
```
2. Install the required packages and dependencies using npm or yarn:
```bash
npm install
# or
yarn install
```
3. Set up environment variables:
Create a .env file in the project root.
Add your Supabase URL and API key to the .env file:
```env
REACT_APP_SUPABASE_URL=your-supabase-url
REACT_APP_SUPABASE_KEY=your-supabase-api-key
```
4. Run the application:
```bash
npm start
# or
yarn start
```
The Anime Quotes App will be accessible at http://localhost:3000 in your web browser.
## Usage
The Anime Quotes App offers several features for users to enjoy.
### Fetching Anime Quotes
Upon loading the application, a random anime quote is fetched and displayed in an elegant format. You can refresh the quote by clicking the refresh button.
### Character Information
To learn more about the character associated with the displayed quote, click on the character's name, and you will be provided with their image and additional details.
### Custom Fonts
The app offers a variety of custom fonts for an enhanced visual experience. Fonts are randomly selected from a predefined list with each quote refresh.
### Contact Information
You can connect with the developer of the Anime Quotes App through various channels:
- GitHub: [Rahul-Sahani-04](https://github.com/Rahul-Sahani04/)
- Instagram: [SheMadeMeAPoetry](https://www.instagram.com/shemademeapoetry/)
- LinkedIn: [Rahul Sahani](https://www.linkedin.com/in/rahul-sahani-472201237/)
## Contributing
If you wish to contribute to the Anime Quotes App, feel free to submit pull requests or open issues on the GitHub repository. Your contributions are welcome and appreciated.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
Thank you for using the Anime Quotes App, and enjoy exploring the world of anime quotes! If you have any questions or encounter any issues, don't hesitate to reach out to the developer through the provided contact information. Happy quoting!