https://github.com/mudmykola/cartoonjoy

CartoonJoy
https://github.com/mudmykola/cartoonjoy

axio fire pinia tail vue

Last synced: 11 days ago
JSON representation

CartoonJoy

• Host: GitHub
• URL: https://github.com/mudmykola/cartoonjoy
• Owner: mudmykola
• Created: 2024-08-15T06:23:54.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-09-15T11:25:53.000Z (4 months ago)
• Last Synced: 2024-09-15T13:25:34.533Z (4 months ago)
• Topics: axio, fire, pinia, tail, vue
• Language: Vue
• Homepage: https://black-caster-247408.web.app/
• Size: 169 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
🎬 CartoonJoy Website

CartoonJoy is a child-friendly website designed for easy and enjoyable access to

cartoons. The site allows users to explore various cartoons, filter them by

seasons and episodes, and play them directly on the site. 🌟 Features

    Child-Friendly Design: The website is designed with a vibrant and engaging interface to appeal to children.

    Responsive Layout: Fully responsive, ensuring a seamless experience on both desktop and mobile devices.

    Cartoon Filtering: Users can easily filter cartoons by seasons and episodes.

    Video Playback: Integrated video player for smooth playback of cartoon episodes.

    Custom Navigation: Easy-to-use, animated navigation panel optimized for small screens.

🚀 Getting Started Prerequisites

To run this project locally, ensure you have the following installed:

    Node.js (version 14.x or higher)

    Vite (for building the project)

    Tailwind CSS (for styling)

Installation

    Clone the repository:

    bash

git clone https://github.com/yourusername/cartoonjoy.git

Navigate to the project directory:

bash

cd cartoonjoy

Install dependencies:

bash

npm install

Start the development server:

bash

    npm run dev

Deployment

You can deploy this project using Vercel, Netlify, or any static site hosting

service. 📹 Video Hosting Options

To ensure the best experience for users, especially on mobile devices, consider

the following video hosting options:

    Vimeo: Upload your videos to YouTube or Vimeo and embed them on the site.

📚 Usage

The website is designed to be intuitive for children. Navigation is simple, with

large buttons and clear labels. Videos are organized by cartoons, seasons, and

episodes, making it easy for children to find their favorite shows. 🎨 Design

The site utilizes Tailwind CSS for a modern and clean design. The color scheme

is bright and engaging, with animations that bring the interface to life. 🛠️

Development

The project is built using Vite for fast builds and hot module replacement.

Vue.js is used for component-based architecture, ensuring reusability and

scalability. 👨‍💻 Contributing

Contributions are welcome! Please fork the repository and submit a pull request

with your changes. Steps to Contribute:

    Fork the repository.

    Create a new branch (git checkout -b feature-branch).

    Make your changes.

    Commit your changes (git commit -m 'Add some feature').

    Push to the branch (git push origin feature-branch).

    Open a pull request.

📝 License

This project is licensed under the MIT License. See the LICENSE file for more

details.