Welcome to my App Store! This is a fun and interactive project built with React to showcase my web development skills. Browse through various categories of apps and discover new favorites with ease!
- Default View: The Social tab is active by default, displaying all apps in the Social category.
- Search: Type in the search bar to filter apps in the active category. The search is case insensitive and updates in real-time.
- Switch Categories: Click on different tabs to view apps in various categories. The search input will filter apps in the selected category.
- Reset Search: Clear the search input to view all apps in the active category.
- Node.js
- npm (Node Package Manager)
- Clone the repository:
git clone https://github.com/YourUsername/App-Store.git
- Navigate to the project directory:
cd App-Store - Install dependencies:
npm install
Start the development server:
npm startThe app will be available at http://localhost:3000.
- Category Tabs: Switch between different app categories with ease.
- Real-Time Search: Filter apps in the active category as you type.
- Responsive Design: Optimized for both mobile and desktop views.
- AppStore: The main app component managing state and rendering tabs and apps.
- TabItem: Individual tab items for different categories.
- AppItem: Individual app cards displaying app details.
- Search Icon: Search Icon - alt: search icon
- Background Colors:
#fff1eb#ace0f9#1e293b#7b8794#dfe2e5#2563eb#ffffff
- Bree Serif
This project was created for fun to demonstrate my web development skills using React. It combines functionality with a clean, responsive design to provide a seamless user experience. I hope you enjoy exploring it as much as I enjoyed building it!
Distributed under the MIT License. See LICENSE for more information.
Happy browsing and have fun! 🎮
Feel free to adjust the details according to your specific project requirements and personal preferences!