Skip to content

marialuisacp/shopping-app-ios

Repository files navigation

Shopping App iOS

iOS Swift React Native

AboutTechnologiesRequirementsLicense

Shopping App iOS

About the App 💻

Welcome to Shopping App iOS, a sample shopping app built to study SwiftUI and iOS development. This project utilizes the native iOS development stack and is implemented using Swift and SwiftUI.

Develop by @marialuisacp.

Overview

Shopping App iOS fetches product data from the Fake Store API, providing a list of products, filtering options, and detailed information about each product. It aims to showcase the usage of SwiftUI for building modern and intuitive user interfaces in iOS apps.

Features

  • Fetches product data from the Fake Store API
  • Displays a list of products with images, titles, prices, and categories
  • Supports filtering products by category
  • Provides detailed information about each product, including description, price, and image

Technologies

iOS Swift

The main technologies used in this project are:

  • Swift
  • SwiftUI
  • URLSession
  • CoreData
  • React Native Module

Swift UI description

In this project, SwiftUI was employed to design native components and screens for iOS, encompassing all primary interfaces.

Other Native Resources

Alongside visual development, the app interacts with the store through requests to fetch products and product categories, facilitated by URLSession.

Persistence of shopping cart data is achieved using CoreData, ensuring seamless management and retention of user selections within the application.

iOS Widget Exentesion

Introducing our iOS widget designed in SwiftUI—a sleek promotion banner that seamlessly integrates with your daily routine.

This widget serves as a dynamic gateway to exclusive offers and promotions from our app. With a single tap on the banner, users are swiftly redirected to the app, where they can explore and shop featured deals without delay.

This innovative widget enhances user engagement by delivering timely promotions directly to the home screen, ensuring a seamless and rewarding shopping experience.

React Native Module description

React Native Module

React Native

To explore the integration of React Native modules into the app, we developed an RN module that is accessible in this repository.

The module was integrated using RCTView in Swift, incorporating React Native libraries into the project. Additionally, a Bridge Manager was implemented to facilitate seamless communication between the native and React Native environments.

React Native Module description

Run

Requirements

  • Xcode 12 or later
  • Swift 5.0 or later
  • Internet connection to fetch data from the Fake Store API

Installation

  1. Clone or download the repository.
  2. Open the project in Xcode.
  3. Build and run the project on a simulator or a physical device.

Usage

Upon launching the app, you will be presented with a list of products. You can tap on any product to view its details. The app also allows you to filter products by category using the provided filter options.

Credits

License

Licence

This project is licensed under the MIT License. Feel free to use and modify the code as per your requirements.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages