Grocery is an outstanding E-commerce UI theme starter kit, developed in React Native and Expo for both iOS and Android. With a strong emphasis on aesthetics and best coding practices, it is the perfect solution for your next grocery-based E-commerce project. The theme is fully customizable, allowing you to tailor it to your specific requirements. The project flow is designed to enable quick and easy implementation for a real-world application with minimal changes required. Essential components such as Main Landing, Product Listing, Shopping Cart, Rating and Reviews, Editing Profile, Editing Address, Payment Screens, and Orders Screen are pre-built into the theme, reducing the need for creating anything from scratch. The UI is designed from scratch, with no reliance on frameworks or libraries, ensuring that components are easy to customize and reducing the code footprint. Grocery is the perfect solution for building an efficient and visually appealing E-commerce app that is tailored to your grocery business needs.
##Technologies Used Ecommero is made using some core libraries for handling navigation React Navigation is used for making layouts only flex is used. It is built using Expo.
- React Native
- React Navigation
- Expo
##Installation
Grocery is easy to install and use. Its focus is on good design so you don't have to make major changes in design as well as easy. The tools used in making Grocery is to make development experience much simpler.
Grocery UI Theme will come with expo project.
##System Requirements
- Globally installed node >= 14
- Globally installed npm >= 6
- Globally installed react-native CLI
- Globally installed Expo
##Get the code
- Download ZIP
- Clone
##Install packages
-
cd grocery-ui-app -
npm install (or yarn install)
##Run Grocery UI in your Device:
-
- Run on iOS
-
Run -expo start- in your terminal
-
An expo interface will open select the option run on iOS simulator
-
To run on iOS device enter the url of expo given in opened interface in your expo app on iOS by downloading expo from AppStore
-
- Run on Android
-
Run expo start in your terminal
-
Make sure you have an Android emulator installed and running
-
Click the option run on android emulator in the opened interface in your expo app
-
To run on device scan the QR code given in opened expo app web interface
Follow the documentation to install and get started with the development:
