This project began as a small playground for getting familiar with React Native ... and well, it still is! Over time, I’ve added quite a few features and tools to it, such as Redux for state management and Cypress for testing.
Currently, you can:
- Like products
- Add products to your cart
- View individual product details
- And more!
The component structure follows Atomic Design principles to ensure scalability and maintainability as the project grows.
Note
Since I don't currently have access to an iOS system, I can't determine how the app will appear on iOS devices
git clone https://github.com/bpetermann/react-native-shopping-cart.git
cd react-native-shopping-cart
npm install
npm start
- Press "a" to open the App in Android Studio
- For Android devices scan the QR Code that is displayed in the terminal with the Expo Go app
- Type "npm run web" to view in the browser
The app utilizes a Redux store to manage the state of the cart, user and favorites functionality. The Redux store handles the logic and storage for these features, providing a centralized location for accessing and modifying this shared state throughout the application.
npm start web
npm run test
The product api comes from a dummy json server
For demonstration purposes only, no backend logic included
- Model photo by Wioletta Płonkowska
on Unsplash
- Product photos by Irene Kredenets on Unsplash