SmartJoy-Tech / c-shopping-rn

This is a complete App developed by React Native (Expo). It is a beautiful e-commerce shopping application. 这个是一个React Native(Expo) 开发的完整App应用,是一个精美的电商购物应用。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logo

C-Shopping-RN APP

This is a complete App developed by React Native (Expo). It is a beautiful e-commerce shopping application

README.md

Technologies Used

  • React Native
  • Redux Toolkit
  • RTK Query
  • Expo Router
  • NativeWind

Preface

c-shopping-rn is an exquisite e-commerce App with an elegant interface, rich functions, small size and speed. It contains the complete functions of an e-commerce platform MVP and has good aesthetic style and coding design.

The project data interface comes from c-shopping Next.js open source project

Project portal: https://github.com/huanghanzhilian/c-shopping

I hope those who come will gain something. The story never ends, and youth never ends.

Feature Demo

Module loading skeleton success error or empty
feed
Module loading success empty error
Category
Module Loading and skeleton Level 1 Level 2 Level 3
Classification subset
Module Loading and skeleton Normal screen 1 Normal screen 1 Error
product details
Module Comment section Click to verify login Fill in the comments Submit comment error Comment submitted successfully
product review
Module Not logged in Data is empty Screen 1 Screen 2 add to the cart
Cart
Module Shopping cart to pay Confirm payment payment successful
Payment
Module Not logged in After logging in After logging out
Profile
Module A page that requires login Before the button logic, you need to verify whether you are logged in and After entering the page, you need to verify whether you are logged in and redirect login display error login loading login handle response register
Authentication design
Module Loading or skeleton Normal screen Empty screen Error
Orders List
Module Loading or skeleton Normal screen Empty screen Error
Reviews List
Module Loading or skeleton Normal screen Edit and save
PersonalInfo Screen
Module Loading or skeleton Normal screen Empty screen
Serach Screen

Usage

To run the C-Shopping React Native app locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/huanghanzhilian/c-shopping-rn.git
    
  2. Navigate to the project directory:

    cd c-shopping-rn
    
  3. Install dependencies:

    npm install
    
  4. Please create a new .env file from .env.example file in the project root directory to define the required environment variables.

    Eg:

    EXPO_PUBLIC_BASE_URL=https://c-shopping-three.vercel.app
    
  5. Start the development server:

    npm start
    
  6. Connect your mobile device or emulator to run the app.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

This README provides a brief overview of the project's code structure and how to install and run the React Native app locally. Adjustments can be made to tailor it further to your specific project.

About

This is a complete App developed by React Native (Expo). It is a beautiful e-commerce shopping application. 这个是一个React Native(Expo) 开发的完整App应用,是一个精美的电商购物应用。

License:MIT License


Languages

Language:JavaScript 100.0%