Cartoonify is a web application that allows users to explore and discover their favorite cartoons. It utilizes modern web technologies to provide a seamless and engaging user experience.
- Vite: A blazing fast build tool for modern web development.
- React: A JavaScript library for building user interfaces.
- React Query: A powerful data fetching library for React.
- React Helmet: A component for managing document head metadata in React.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
- Shadcn UI: A UI library for React components with customizable themes and styles.
- Infinite Scrolling: Implemented using React Query for smooth and efficient data fetching.
- SEO Optimization: Utilizes React Helmet to manage SEO metadata for improved search engine visibility.
- Responsive Design: Built with Tailwind CSS and Shadcn UI to ensure a seamless experience across devices of all sizes.
- Node.js installed on your machine (https://nodejs.org/)
- Yarn package manager (https://yarnpkg.com/)
- Git (https://git-scm.com/) (optional)
- Clone the repository:
git clone https://github.com/itsyashsahu/react-vite.gitOr download the repository manually and extract it.
- Navigate to the project directory:
cd react-vite- Install dependencies using Yarn:
yarn install
- Start the development server:
yarn dev
This command will compile TypeScript files and start the server using nodemon, which will automatically restart the server when changes are detected.
You can change it by adding the .env files the .env.example is present to help you setup environment variables
https://cartoonify-itsyashsahus-projects.vercel.app/