8

E-commerce App UI. React native, Expo managed flow, React navigation v5, Notific...

 1 year ago
source link: https://reactnativeexample.com/e-commerce-app-ui-react-native-expo-managed-flow-react-navigation-v5-notification/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4d3967624264396e6244724f5475314d71782f67697068792e676966

Frontend E-commerce App 👨‍💻

Contain all necessary features

⭐ Get Started

# install expo cli
npm install -g expo-cli
# install dependencies
npm install

Or use yarn

yarn install
# run project
expo start
Change the API in config.js to the server that you're running. 
If you use my backend project the IP should be the IPv4 Address on your computer (cmd -> ipconfig)

⭐ 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: Redux form validation.
  • Icon: Lottie, React native vector icon.
  • Payment: React native credit card, Stripe server for card validation checking.
  • Loader: Skeleton loader, Linear gradient.
  • Reducer: Redux.
  • 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

68747470733a2f2f692e696d6775722e636f6d2f6f4a714c3446472e706e67
68747470733a2f2f692e696d6775722e636f6d2f7033457744757a2e706e67
68747470733a2f2f692e696d6775722e636f6d2f325632626a4a7a2e706e67
68747470733a2f2f692e696d6775722e636f6d2f536a3439726c4b2e706e67
68747470733a2f2f692e696d6775722e636f6d2f766e6250726c342e706e67
68747470733a2f2f692e696d6775722e636f6d2f6d5435566a6d6a2e706e67

GitHub

View Github


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK