This device is not compatible.

Build an E-Commerce App with React Native, Redux, and Firebase

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.

Build an E-Commerce App with 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!