A sleek and dynamic Phone Catalog app built with React, Redux, and React Router, designed for modern web experiences. It showcases a list of smartphones with filtering, sorting, routing, and product detail views — all in a fully responsive and user-friendly interface.
The app simulates a real-world online store catalog. Users can browse phones, view product details, navigate seamlessly between pages, and manage cart and favorites — all built with a modular structure and state-of-the-art tooling.
- Product listing with sorting (by price/name) and filtering
- Product detail pages with full specs and image gallery
- Favorites and cart logic handled with Redux store
- Multi-page routing using React Router (
/phones,/phones/:id,/cart, etc.) - URL state reflects current navigation (e.g., search params, category)
- Redux Toolkit for global state and slices
- React Router for client-side navigation
- Decoupled logic and UI for scalability and reusability
- Polished design with clean layout and modern look
- Fully responsive, optimized for both mobile and desktop
- Interactive UI with subtle transitions and user feedback
- React (Hooks)
- Redux + Redux Toolkit
- React Router
- SCSS / CSS Modules
- JavaScript (ES6+)
- Responsive Web Design
- git clone https://github.com/Dominik-Dudek-code/phone_catalog.git
- cd phone_catalog
- npm install
- npm start
Or simply open index.html directly in your browser (no build process required).
This project was created to develop my skills in frontend architecture, state management, and routing within real-world UI challenges. Feel free to fork and contribute!
👨💻 Dominik Dudek 🔗 GitHub 📫 dominik.dudek.praca@gmail.com