This device is not compatible.
PROJECT
Build an E-Commerce App with React Native, Redux, and Firebase
In this project, we’ll learn to create an e-commerce application using React Native, Redux, and Firebase.
You will learn to:
Develop an e-commerce application using React Native.
Use React hooks to manage local states and handle side effects.
Create and style user interface components for a visually appealing application.
Utilize the stack and tab navigators to create a smooth and intuitive navigation flow.
Use Firebase in a React Native application.
Use Redux to manage the global state.
Skills
State Management
Mobile Application Development
UI Design
Firebase
Prerequisites
Familiarity with the fundamentals of Firebase, Redux, and React Native
Familiarity with navigation, state management concepts, and React hooks
Understanding of Firebase, Firebase authentication, and Firestore database
Technologies
Expo
Redux
Firebase
JavaScript
React Native
Project Description
This project aims to develop an e-commerce application using React Native, Redux, and Firebase. We’ll use React Native components, React hooks, Redux, Firebase authentication, Firestore database, and navigators like stack and tab to develop the e-commerce application.
The e-commerce application will allow users to explore and purchase a variety of products. Users will be able to navigate through different categories, view product details, and utilize a search feature for a tailored shopping experience. We’ll also be able to sort the products based on multiple sort criteria. Moreover, we’ll be able to efficiently add and remove products from the cart. Finally, we’ll be able to view their order history as well.
After completing this project, we’ll gain valuable skills in React Native application development and enhance our ability to create interactive e-commerce applications.
Project Tasks
1
Introduction
Task 0: Get Started
2
Product Management
Task 1: Display Product Categories
Task 2: Fetch Products
Task 3: Display Products
Task 4: Filter Products by Category
Task 5: Display Product Details
3
Product Search and Sorting
Task 6: Implement the Search Functionality
Task 7: Display the UI for the Sort Functionality
Task 8: Implement the Sort Functionality
4
Cart Management
Task 9: Implement the Add-to-Cart Functionality
Task 10: Display Cart Items
Task 11: Implement the Remove-from-Cart Functionality
5
Checkout and Order History
Task 12: Display the UI for the Checkout Screen
Task 13: Implement Order History and Order Placement Logic
Task 14: Display the Order History
Congratulations!
Relevant Courses
Use the following content to review prerequisites or explore specific concepts in detail.