Coder Social home page Coder Social logo

fiskryeziu / zoroclone Goto Github PK

View Code? Open in Web Editor NEW
29.0 2.0 38.0 4.89 MB

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!

HTML 0.15% JavaScript 97.99% CSS 1.86%
fetch-api reactjs reactqueryv4 swiper-js styled-components anime

zoroclone's Introduction

Banner

GitHub code size in bytes GitHub last commit GitHub commit activity month

๐Ÿ“Œ 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

โ”œโ”€โ”€ .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: Main source directory containing all the JavaScript code for the project.
  • src/components: Directory for reusable UI components used throughout the project.
  • src/pages: Directory for individual page components of the application.
  • src/assets: Directory for storing static assets like images used in the project.
  • src/hooks: Directory for custom React hooks used in the project.
  • public: Directory for public assets like HTML file and favicon.

๐Ÿ’ป Stack

  • react-query: Data fetching and state management library.
  • axios: HTTP client for making API requests.
  • date-fns: Utility library for working with dates and times.
  • react: JavaScript library for building user interfaces.
  • react-icons: Icon library for React applications.
  • react-router-dom: Routing library for React applications.
  • styled-components: Library for styling React components with CSS.

โš™๏ธ Setting Up

๐Ÿš€ Run Locally

1.Clone the zoroClone repository:

git clone https://github.com/fiskryeziu/zoroClone

2.Install the dependencies with one of the package managers listed below:

pnpm install
bun install
npm install
yarn install

3.Start the development mode:

pnpm dev
bun dev
npm run dev
yarn dev

๐Ÿ™Œ Contributors

โ˜๏ธ Deploy

[Application name](Your App URL)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.