Developed a full-featured E-Commerce app 📱 using React Native for both Android and iOS. The app features product listings 📋, add-to-cart 🛒, and checkout 💳 functionality, along with user authentication 🔒 and an intuitive product search 🔎. It ensures persistent cart storage 🛑 so items remain saved after closing the app. Utilized Redux for application-wide state management, maintaining consistent product states throughout.
- 🎥 Video Demo
- 🖼️ Project Screenshots
- 📱 App Features
- 💻 Tech Stack
- 🍰 Contribution Guidelines
- 📝 Creating a Pull Request
- 💖 Like my work?
Check out this video to see the user interface and functionality of the E-Commerce Genie app in action.
Watch the video ➡️ here.
Feel free to check out the screenshots of my app for a sneak peek into its captivating user interface.
Here are some of the standout features of the app:
-
Product Listings 📋: Users can browse a wide range of products with detailed descriptions, pricing, and images. The interface allows easy navigation between different product categories.
-
Add-to-Cart 🛒: Shoppers can add items to their cart from the product listing or detail pages. The cart dynamically updates with item quantity, total price, and allows users to modify or remove items.
-
Checkout 💳: A secure and intuitive checkout process, integrated with payment gateways to handle transactions safely, offering multiple payment options.
-
User Authentication 🔒: Full user authentication, including signup, login, and logout functionalities. Sessions are stored securely, ensuring data privacy.
-
Product Search 🔎: A fast and responsive search feature allows users to quickly find products by name or category, supporting live search suggestions.
-
Persistent Cart Storage 💼: Ensures the user’s cart remains saved even after closing the app, improving the shopping experience.
-
Profile Update Page 🖊️: Users can easily update their personal information, including the ability to upload a profile image through an image picker that allows selection from their phone's library.
-
Image Carousel 🖼️: Integrated image carousels for displaying attractive banners on the home page and showcasing product images on the product details page. This enhances user engagement by allowing smooth navigation through multiple images.
-
Product Categories 🗂️: Provides a structured view of products sorted by categories, making it easy for users to explore items based on their preferences.
-
Geolocation Integration 🌍: The app utilizes geolocation to automatically fetch the user’s current location, enhancing personalization and providing location-based services.
-
Image Picker 📷: Users can upload a profile picture by selecting an image from their phone’s library, making the profile personalization seamless.
-
Redux State Management 🔄: The app uses Redux to manage global state, ensuring consistent product states, user sessions, and cart data throughout the app.
Technologies used in the project:
- React.js
- Redux Toolkit
- Typescript
- React Native
- Async Storage
- Geolocation
- React Navigation
- react-native-image-picker
- react-native-vector-icons
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- See Contributing for ways to get started.
- If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request by following the guidelines here.
- Please make sure you check your spelling and grammar.
- Create individual PR for each suggestion.
- Also, please read through the Code of Conduct before posting your first idea as well.
Follow the steps below to Initiate a Pull Request
- Fork the repository
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Thank you for taking the time to explore the project. I hope it brings value and joy to those who use it.
If you require any help or have any questions, please don't hesitate to reach out to me here.