ShopSphere is a mobile app project built using React Native and Express. This app serves as a platform for discovering and managing local businesses, showcasing essential features such as user authentication, shop searches, and business profile management. The UI design is inspired by a YouTube channel that I found appealing, and I've infused my own creativity into it to develop this app.
-
Onboarding Flow:
- Introductory screen that describes the app's features.
- User authentication with login, signup, email verification, and password reset functionalities.
-
Home Screen:
- Personalized welcome message displaying the user's name.
- Search bar for discovering shops by name or category.
- Recent activity slider showing the user's past interactions.
- Categories section with various business types (e.g., Grocery, Plumber, Shopping).
- "Most Famous Businesses" slider showcasing top-rated businesses.
-
Business Profiles:
- Detailed shop profiles, including name, location, contact info, images, and ratings.
- Users can view and rate businesses.
-
Search & Profile Screens:
- Search functionality for finding shops by name or category.
- User profile management to add/edit personal businesses.
- Option to add a business using manual or current location via Expo-location.
- React Native: For building the cross-platform app.
- Express: For user authentication and data management (authentication, database).
- Expo-location: To fetch real-time geolocation for business locations.
-
Onboarding Flow:
- Introductory screen that describes the app's features.
- User authentication with login, signup, email verification, and password reset functionalities.
-
Home Screen:
- Personalized welcome message displaying the user's name.
- Search bar for discovering shops by name or category.
- Recent activity slider showing the user's past interactions.
- Categories section with various business types (e.g., Grocery, Plumber, Shopping).
- "Most Famous Businesses" slider showcasing top-rated businesses.
-
Business Profiles:
- Detailed shop profiles, including name, location, contact info, images, and ratings.
- Users can view and rate businesses.
-
Search & Profile Screens:
- Search functionality for finding shops by name or category.
- User profile management to add/edit personal businesses.
- Option to add a business using manual or current location via Expo-location.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Creative-banda/Business_Application.git
-
Go to folder:
cd BusinessApp -
Install Dependencies:
npm install
-
Create a
.envfile in the root directory and add your Server configuration details to it. -
Install Dependencies:
npx expo start
Once the app is running, you can:
- Create a new account or log in with existing credentials.
- Explore the home screen to discover shops and businesses.
- Use the search feature to find specific businesses.
- Add your own business with relevant details and location.
- Enhance the app with push notifications for real-time updates.
Contributions are welcome! If you have suggestions for improvements or new features, feel free to fork the repository and submit a pull request.