Skip to content

E-commerce App UI. React native, Expo managed flow, React navigation v6, Notification.

Notifications You must be signed in to change notification settings

BerlinChan/e-commerce-app-react-native

 
 

Repository files navigation

This fork is a refactoring of the original project to upgrade to the latest Expo version (currently v51). It's WIP, many features are unavailable now.

Changes Detail

  • Upgrade Expo to version 51
  • Redux -> React useContext and useReducer hooks
  • React Navigation -> Expo Router
  • JavaScript -> TypeScript
  • React class components -> function component
  • Use mocked data and API
  • Translate verbiage to English

Frontend E-commerce App 👨‍💻

Contain all necessary features

⭐ Get Started

  1. Install dependencies

    npm install
  2. Start the app

     npx expo start

In the output, you'll find options to open the app in a

⭐ Features

  • Authentication (Signup, Login, Reset Password).
  • Login with Touch/Face ID.
  • Real time update.
  • User Profile (Upload, Edit Profile Picture, Address).
  • Lottie Animation Icon (https://lottiefiles.com/)
  • Header Animation.
  • Add Items to Cart, to wishlist.
  • Place an Order.
  • Payment Methods: cash, credit card.
  • Push notification to user whenever order status, user information change.
  • Send email for reseting password as well as update order information.
  • Share Products to Social Media.
  • Review, Comment, Rating Product (In Processing)

⭐ Technical details

  • React Native
  • Expo managed workflows.
  • UI framework: Reac Native Paper
  • Intro slides: Animated, onScroll Event for animation.
  • Header Animation: Animated, React Animatable.
  • Form: react-hook-form form validation.
  • Icon: Lottie, React native vector icon.
  • Payment: React native credit card, Stripe server for card validation checking.
  • Loader: Skeleton loader, Linear gradient.
  • State Management: React useContext and useReducer hooks.
  • Image Picker: Expo image picker.
  • Deep Link: Expo Linking.
  • Touch/Face ID: react native touch id, react native keychain, expo authentication

⭐ Contributing

If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome. Thanks alot

Demo

About

E-commerce App UI. React native, Expo managed flow, React navigation v6, Notification.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.4%
  • TypeScript 28.6%