This is a React Native mobile application based on the C-Shopping open-source project. It allows users to browse products, view categories, search for items, and explore recommended products.
| 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 | 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 |  |
 |
 |
 |
 |
 |
To run the C-Shopping React Native app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/huanghanzhilian/c-shopping-rn.git -
Navigate to the project directory:
cd c-shopping-rn -
Install dependencies:
npm install -
Start the development server:
npm start -
Connect your mobile device or emulator to run the app.
- React Native
- Redux Toolkit
- Expo Router
- NativeWind
Contributions are welcome! Feel free to open an issue or submit a pull request.
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.