https://github.com/dev-leva1/animeportal
A modern web application for exploring anime and manga, built with React, TypeScript, and Vite.
https://github.com/dev-leva1/animeportal
anime anime-characters anime-stats api emotion frontend jikan jikan-api manga manga-search myanimelist myanimelist-api nodejs react react-router typescript vite web webapp webapplication
Last synced: 3 months ago
JSON representation
A modern web application for exploring anime and manga, built with React, TypeScript, and Vite.
- Host: GitHub
- URL: https://github.com/dev-leva1/animeportal
- Owner: dev-leva1
- License: mit
- Created: 2025-03-15T18:39:45.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T09:32:16.000Z (3 months ago)
- Last Synced: 2025-03-24T10:33:10.407Z (3 months ago)
- Topics: anime, anime-characters, anime-stats, api, emotion, frontend, jikan, jikan-api, manga, manga-search, myanimelist, myanimelist-api, nodejs, react, react-router, typescript, vite, web, webapp, webapplication
- Language: TypeScript
- Homepage: https://animeportal.netlify.app
- Size: 288 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Anime Portal
A modern web application for exploring anime and manga, built with React, TypeScript, and Vite.
[README.ru.md](https://github.com/dev-leva1/animeportal/blob/main/README.ru.md)
## Features
- **Anime Catalog**: Browse through a vast collection of anime titles
- **Manga Catalog**: Explore manga with filtering and search capabilities
- **Detailed Information**: View comprehensive details about anime and manga titles
- **Character Information**: Explore characters from your favorite anime
- **Staff Details**: Learn about the creators behind the anime
- **Reviews**: Read and browse user reviews
- **Search Functionality**: Find specific anime or manga titles
- **Favorites System**: Save your favorite anime and manga for quick access
- **Random Anime**: Discover new anime with the random anime feature
- **Responsive Design**: Enjoy a seamless experience on any device
- **Dark/Light Theme**: Choose your preferred visual theme
- **Multilingual Support**: Switch between English and Russian languages
- **Collapsible Sections**: Expand or collapse character, staff, and review sections for better navigation
- **Error Handling**: Robust error boundary system to prevent application crashes
- **Enhanced UI**: Improved visual presentation with icons and better spacing
## Getting Started
### Prerequisites
- Node.js (v14.0.0 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/dev-leva1/animeportal.git
cd animeportal
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Start the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open your browser and navigate to `http://localhost:5173`
## Project Structure
```
animeportal/
├── src/
│ ├── assets/ # Static assets (images, icons)
│ ├── components/ # Reusable UI components
│ ├── context/ # React context providers
│ ├── pages/ # Application pages
│ ├── services/ # API services
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Main application component
│ ├── main.tsx # Application entry point
│ └── translations.ts # Language translations
├── public/ # Public assets
├── index.html # HTML entry point
├── package.json # Project dependencies and scripts
├── tsconfig.json # TypeScript configuration
└── vite.config.ts # Vite configuration
```
## Technologies Used
- **React**: UI library
- **TypeScript**: Type-safe JavaScript
- **Vite**: Build tool and development server
- **Emotion**: CSS-in-JS styling
- **React Router**: Client-side routing
- **Jikan API**: Anime and manga data source
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Acknowledgments
- [Jikan API](https://jikan.moe/) for providing anime and manga data
- [MyAnimeList](https://myanimelist.net/) as the original data source