https://github.com/abdullah0dev/e-commercex
e-commerce App with expo, redux, firebase, asyncstorage, and ......
https://github.com/abdullah0dev/e-commercex
adullahdev expo expo-cli nativewind react reactnative redux tailwindcss
Last synced: 3 months ago
JSON representation
e-commerce App with expo, redux, firebase, asyncstorage, and ......
- Host: GitHub
- URL: https://github.com/abdullah0dev/e-commercex
- Owner: Abdullah0Dev
- Created: 2024-04-16T12:03:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-17T09:32:13.000Z (over 1 year ago)
- Last Synced: 2025-05-20T06:36:30.071Z (about 1 year ago)
- Topics: adullahdev, expo, expo-cli, nativewind, react, reactnative, redux, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 753 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# e-commerceX
Welcome to e-commerceX! This is a powerful e-commerce mobile application built with React Native Expo, leveraging Redux for state management, Tailwind CSS for styling, TypeScript for type safety, and Firebase for authentication.
## Features
- **User Authentication**: Firebase authentication enables secure user sign-up, sign-in, and sign-out functionalities.
- **Product Listings**: Browse through a wide range of products with detailed descriptions, images, and prices.
- **Shopping Cart**: Add products to your cart and manage quantities before proceeding to checkout.
- **Checkout Process**: Seamless checkout experience with options for payment and shipping information.
- **Order History**: View past orders and track current order statuses.
- **Search Functionality**: Easily find desired products through a search feature.
- **Responsive Design**: Tailwind CSS ensures a responsive and visually appealing layout across devices.
## Installation
1. Clone the repository:
```
git clone https://github.com/Abdullah0Dev/e-commerceX.git
```
2. Navigate to the project directory:
```
cd e-commerceX
```
3. Install dependencies:
```
npm install
```
4. Set up Firebase:
- Create a Firebase project and enable Firebase Authentication.
- Obtain your Firebase configuration details.
- Replace the Firebase configuration in `src/FirebaseConfig.ts` with your own.
5. Run the application:
```
npm start
```
This will start the Expo development server. You can then run the app on an emulator/simulator or on your device via the Expo Go app.
## Technologies Used
- **React Native Expo**: Framework for building cross-platform mobile applications.
- **Redux**: State management library for predictable state container.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **TypeScript**: Typed superset of JavaScript for enhanced code reliability and maintainability.
- **Firebase**: Platform for building and managing web and mobile applications.