Back to projects
Dec 07, 2024
2 min read

Gif Expert App with React

A web application to search for GIFs by category using React and Tailwind CSS.

🌟 Gif Expert App

This project is a web application built with React, Tailwind CSS, and Astro. It allows users to search for GIFs by entering a category, and displays the top 10 GIFs related to that category.

✨ Features

  • Search GIFs: Enter a category to search for GIFs.
  • Top 10 Results: Displays the top 10 GIFs for the entered category.
  • Responsive Design: Built with Tailwind CSS for a responsive and modern design.

📦 Installation

To get started with the project, clone the repository and install the dependencies:

git clone https://github.com/CastDev-j/04-git-expert-app.git
cd 04-git-expert-app
npm install

🚀 Usage

Run the development server:

npm run dev

Open your browser and navigate to http://localhost:5173 to see the application in action.

🛠️ Build

To build the project for production, run:

npm run build

The production-ready files will be in the ./dist/ directory.

🔍 Preview

To preview the production build locally, run:

npm run preview

📚 Learn More

For more information on how to work with Astro, React, and Tailwind CSS, check out the following resources: