Shqip Marcut – ECommerce Buy and Sell React Native Expo Mobile App Template

Configuring Shqip Marcut - ECommerce Buy and Sell React Native Expo Mobile App Template

App Key

To configure the App Key, follow these steps:

1. Open the app.json file located in the project's root directory.
2. Update the apiKey property with your desired key.

Example:

{
  "expo": {
   ...
  },
  "apiKey": "YOUR_API_KEY_HERE",
 ...
}

Firebase Configuration

To configure Firebase, follow these steps:

1. Install the Firebase SDK by running the command npm install firebase in the terminal.
2. Create a Firebase project and enable the Realtime Database.
3. In the App.js file, add the following code to configure Firebase:

   
   import firebase from 'firebase/app';
   import 'firebase/firestore';

firebase.initializeApp({ apiKey: "YOUR_API_KEY_HERE", authDomain: "YOUR_AUTH_DOMAIN_HERE", projectId: "YOUR_PROJECT_ID_HERE" });

**PayPal Configuration**

To configure PayPal, follow these steps:

1. Go to the PayPal Developer Portal and create a new account or log in to an existing one.
2. In the `PayPalSettings.js` file, update the `clientId` and `clientSecret` properties with your PayPal credentials.

Example:

const paypalSettings = { clientId: "YOUR_CLIENT_ID_HERE", clientSecret: "YOUR_CLIENT_SECRET_HERE", // Other settings... };

**Stripe Configuration**

To configure Stripe, follow these steps:

1. Go to the Stripe Dashboard and create a new account or log in to an existing one.
2. In the `StripeSettings.js` file, update the `publishableKey` and `secretKey` properties with your Stripe credentials.

Example:

const stripeSettings = { publishableKey: "YOUR_PUBLISHABLE_KEY_HERE", secretKey: "YOUR_SECRET_KEY_HERE", // Other settings... };

**Push Notification Configuration**

To configure Push Notifications, follow these steps:

1. Install the `expo-notifications` package by running the command `npm install expo-notifications` in the terminal.
2. In the `app.json` file, add the following code to configure Push Notifications:

{ ... "plugins": ["expo-notifications"], ... }

3. In the `NOTIFICATION_SERVICE_ACCOUNT_EMAIL` environment variable, add the email address of the Service Account you created in the Firebase Console.

Example:

{ "expo": { ... "plugins": ["expo-notifications"], ... }, "NOTIFICATION_SERVICE_ACCOUNT_EMAIL": "YOUR_SERVICE_ACCOUNT_EMAIL_HERE", ... }

**Storage Configuration**

To configure storage, follow these steps:

1. In the `storage.js` file, update the `storageReference` property with the Firebase Realtime Database reference.

const storage = { storageReference: firebase.database().ref().child("storage"), };

**API Keys**

To configure API Keys, follow these steps:

1. In the `apiKeys.js` file, update the `GOOGLE_MAPS_API_KEY` and `MAPS_API_KEY` properties with your Google Maps API credentials.

Example:

const apiKeys = { GOOGLE_MAPS_API_KEY: "YOUR_GOOGLE_MAPS_API_KEY_HERE", MAPS_API_KEY: "YOUR_MAPS_API_KEY_HERE", };

Please note that you should replace `YOUR_API_KEY_HERE`, `YOUR_AUTH_DOMAIN_HERE`, `YOUR_PROJECT_ID_HERE`, `YOUR_CLIENT_ID_HERE`, `YOUR_CLIENT_SECRET_HERE`, `YOUR_PUBLISHABLE_KEY_HERE`, `YOUR_SECRET_KEY_HERE`, and `YOUR_SERVICE_ACCOUNT_EMAIL_HERE` with your actual API keys and credentials.

Here are the features of the Shqip Marcut - ECommerce Buy and Sell React Native Expo Mobile App Template:

1. Expo Template: Developed with Expo, ensuring seamless cross-platform performance on both iOS and Android.
2. Product Listings: Enable users to browse, list, and search products with ease, complete with detailed descriptions and images.
3. Favorites: Let users save products they're interested in for quick future access.
4. Product Details: Display comprehensive product information, including pricing, condition, and seller details.
5. Map Integration: View the seller's location on an interactive map for easy coordination and purchases.
6. In-App Messaging: Allow buyers and sellers to communicate directly within the app, fostering a secure and convenient environment.
7. Dark Mode: Enhance the user experience with a dark mode option, perfect for low-light conditions.
8. Push Notifications: Keep users informed with product updates, messages, and special offers.
9. Android and iOS Support: Full support for both Android and iOS platforms, delivering a consistent user experience.
10. Secure Authentication: Ensure secure access with persistent user authentication stored in AsyncStorage.
11. Well-Commented Code: Includes detailed comments for easy customization and development.

Additionally, the template includes:

• A front-end application built using React Native
• Installation guide with simple steps to deploy the app
• Disclaimer and licensing information
• Contact information for technical support and inquiries