Tatami is a web application designed to fetch and display memorable quotes from various anime series. Users can search for their favorite anime and view a collection of quotes associated with that anime. The app provides an engaging way for anime enthusiasts to relive their favorite moments and share quotes with friends by copying them to the clipboard or downloading the image to post on social media.
- Search Anime Quotes: Users can search for quotes from their favorite anime series.
- Search Anime Character: Users can search for quotes from their favorite anime character.
- View Quotes: Display a collection of quotes associated with the searched anime.
- Copy to Clipboard: Easily copy quotes to the clipboard for sharing.
- Download Image: Download quotes as images to share on social media.
You can check out the live demo here: tatami.vercel.app
-
Clone the repository:
git clone https://github.com/OumarouSandaSouley/tatami cd tatami -
Install dependencies:
npm install
-
Create a
.envfile in the root directory and add your RapidAPI key:VITE_RAPID_API_KEY=your_rapidapi_key
-
Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:3000. - Use the search bar to find quotes from your favorite anime series.
- Copy quotes to the clipboard or download them as images to share on social media.
This application uses the AnimeQuotes API from RapidAPI to fetch anime quotes. Find it here an generate your API Key: AnimeQuotes API RapidAPI
- React: A JavaScript library for building user interfaces.
- React Router DOM: For routing and navigation.
- AnimeQuotes API: To fetch anime quotes.
- Tailwind CSS: For styling the application.
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or suggestions, feel free to reach out to me at [[email protected]].
Enjoy using Tatami and relive your favorite anime moments!