Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fiskryeziu/zoroclone
Zoro Clone: A ReactJS Anime Website Clone 🗡️📺 – Emulate the magic of aniwatch.to with this project, offering a replica of the popular anime streaming website. Watch your favorite shows in style!
https://github.com/fiskryeziu/zoroclone
anime fetch-api reactjs reactqueryv4 styled-components swiper-js
Last synced: 25 days ago
JSON representation
Zoro Clone: A ReactJS Anime Website Clone 🗡️📺 – Emulate the magic of aniwatch.to with this project, offering a replica of the popular anime streaming website. Watch your favorite shows in style!
- Host: GitHub
- URL: https://github.com/fiskryeziu/zoroclone
- Owner: fiskryeziu
- Created: 2022-11-19T19:29:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-28T17:23:47.000Z (10 months ago)
- Last Synced: 2024-02-28T18:38:08.495Z (10 months ago)
- Topics: anime, fetch-api, reactjs, reactqueryv4, styled-components, swiper-js
- Language: JavaScript
- Homepage:
- Size: 4.78 MB
- Stars: 21
- Watchers: 2
- Forks: 32
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# 📌 Overview
ZoroClone: A ReactJS Anime Website Clone 🗡️📺 – Emulate the magic of aniwatch.to with this project, offering a replica of the popular anime streaming website.
## 🔍 Table of Contents
* [📁 Project Structure](#-project-structure)
* [📝 Project Summary](#-project-summary)
* [💻 Stack](#-stack)
* [⚙️ Setting Up](#-setting-up)
* [🚀 Run Locally](#-run-locally)
* [🙌 Contributors](#-contributors)
* [☁️ Deploy](#-deploy)
## 📁 Project Structure
```bash
├── .github
├── .gitignore
├── CONTRIBUTING.md
├── index.html
├── package-lock.json
├── package.json
├── public
├── src
│ ├── App.jsx
│ ├── assets
│ ├── components
│ ├── hooks
│ ├── index.css
│ ├── main.jsx
│ └── pages
└── vite.config.js
```## 📝 Project Summary
- [**src**](src): Main source directory containing all the JavaScript code for the project.
- [**src/components**](src/components): Directory for reusable UI components used throughout the project.
- [**src/pages**](src/pages): Directory for individual page components of the application.
- [**src/assets**](src/assets): Directory for storing static assets like images used in the project.
- [**src/hooks**](src/hooks): Directory for custom React hooks used in the project.
- [**public**](public): Directory for public assets like HTML file and favicon.## 💻 Stack
- [react-query](https://react-query.tanstack.com/): Data fetching and state management library.
- [axios](https://axios-http.com/): HTTP client for making API requests.
- [date-fns](https://date-fns.org/): Utility library for working with dates and times.
- [react](https://reactjs.org/): JavaScript library for building user interfaces.
- [react-icons](https://react-icons.github.io/react-icons/): Icon library for React applications.
- [react-router-dom](https://reactrouter.com/web/guides/quick-start): Routing library for React applications.
- [styled-components](https://styled-components.com/): Library for styling React components with CSS.## ⚙️ Setting Up
## 🚀 Run Locally
1.Clone the zoroClone repository:
```sh
git clone https://github.com/fiskryeziu/zoroClone
```
2.Install the dependencies with one of the package managers listed below:
```bash
pnpm install
bun install
npm install
yarn install
```
3.Start the development mode:
```bash
pnpm dev
bun dev
npm run dev
yarn dev
```## ☁️ Deploy
`[Application name](Your App URL)`