Emoji Search

Description

This project involves creating an Emoji Search app that allows users to search for and display emojis from a dataset. Users can search by keywords and select emojis they wish to use, providing a fun and interactive user experience.

Requirements

The Emoji Search app should include the following features:

• Display a searchable list of emojis.
• Allow users to search emojis by keywords.
• Enable selection and display of chosen emojis.
• Responsive user interface using Tailwind CSS.

Key Concepts

• React component setup for displaying and filtering data.
• Implementing search functionality for user input.
• Basic state management to handle user selections.
• Responsive design principles using Tailwind CSS.

Learning Objectives

After completing this project, students will be able to:

• Build a searchable interface using React components and state.
• Implement a basic search and filter functionality.
• Manage user interactions for selecting and using emojis.
• Utilize Tailwind CSS to create a responsive and attractive UI.

$ npm create vite@latest emoji-search -- --template react-ts

$ yarn create vite emoji-search --template react-ts

$ bun create vite emoji-search --template react-ts