App-Store

A responsive social app store built with React and Next.js, showcasing frontend skills, state management, API integration, and interactive data visualization using Tailwind CSS and DaisyUI. This project is part of my hands-on learning journey as a MERN stack developer in training.

🚀 Features Fully responsive design using Tailwind CSS and DaisyUI. Dynamic data fetching and state management with React hooks and Context API. Interactive charts (Pie/Bar) for visualizing app installations using Recharts. Sorting and filtering functionality for a better user experience. Persistent data storage using LocalStorage. Modern UI/UX with cards, buttons, and clean layout.

💻 Tech Stack Frontend: React, Next.js Styling: Tailwind CSS, DaisyUI Data Visualization: Recharts State Management: React Hooks & Context API Data Storage: LocalStorage Languages: JavaScript, HTML5, CSS3

Project Structure src/components – Reusable components (cards, charts, buttons) src/pages – Next.js pages and routing src/context – Context API setup for global state src/assets – Images and logos src/data.json – Sample app data

📈 Learning Outcomes Gained hands-on experience with React js integration. Practiced prop drilling, lifting state, and context API for efficient state management. Implemented responsive layouts with Tailwind CSS and DaisyUI components. Learned chart visualization using Recharts. Understood localStorage and dynamic sorting/filtering.

Clone the repository

git clone https://github.com/ShafiulTuhin/App-Store.git

Navigate to the project folder

cd App-Store

Install dependencies

npm install

Run the project

npm run dev