This repository houses a feature-rich e-commerce app built using React-Native, incorporating a drawer navigation system and the useContext hook. With a user-friendly interface and seamless navigation, this app provides an immersive shopping experience for users.
![Screenshot 2023-06-01 at 9 56 40 AM](https://private-user-images.githubusercontent.com/132883235/242482357-1f1b2724-7a65-4a8a-9e8a-5fd1846169f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTg5MzUsIm5iZiI6MTcyNDU1ODYzNSwicGF0aCI6Ii8xMzI4ODMyMzUvMjQyNDgyMzU3LTFmMWIyNzI0LTdhNjUtNGE4YS05ZThhLTVmZDE4NDYxNjlmNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNVQwNDAzNTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYjhiMjQ2NTU5ZmE1ODRhNGZkOWY1NTFlZjM1N2ZjYzk0YTg4YTQ4MzFmNTQxM2I4NjI2YTQyNTI1ZDA1ZTM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.5qamukzXiPXnQnqb2l5rcpSfT2gwrDLulSC1aizwqlA)
![Screenshot 2023-06-01 at 9 56 59 AM](https://private-user-images.githubusercontent.com/132883235/242482363-df04876b-ad0a-4bf3-a10d-87e8fe2c553e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTg5MzUsIm5iZiI6MTcyNDU1ODYzNSwicGF0aCI6Ii8xMzI4ODMyMzUvMjQyNDgyMzYzLWRmMDQ4NzZiLWFkMGEtNGJmMy1hMTBkLTg3ZThmZTJjNTUzZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNVQwNDAzNTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NjE5ZjEzY2VmMzAzYTQ3NThjMDc4NGI5NjZhYzhlZDNkOTI2ZGQ0YzdjYjM1ZDE0Yzg0OTZlYjA4ZDYxZjgyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.mUub5cdWuujPROkhSnwnmwir_aOSgVX8kkDUwsv_PGE)
![Screenshot 2023-06-01 at 9 57 36 AM](https://private-user-images.githubusercontent.com/132883235/242482365-cf1e8146-1e7d-4b2b-910e-f540a535621e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTg5MzUsIm5iZiI6MTcyNDU1ODYzNSwicGF0aCI6Ii8xMzI4ODMyMzUvMjQyNDgyMzY1LWNmMWU4MTQ2LTFlN2QtNGIyYi05MTBlLWY1NDBhNTM1NjIxZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNVQwNDAzNTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MDViMmM4OGNjMTEyZTQ2NTA3YjM3NDNmM2U2YmU2NDQ2YmQ0ODgxMzUwNmU5MmMzMGJiNDJhMzRkYTgyYjA3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.HudXdXOm6FAu14Hf1bAsjwyc8arc0mAy_RMtBsQtAPQ)
![Screenshot 2023-06-01 at 9 57 57 AM](https://private-user-images.githubusercontent.com/132883235/242482366-91755ff2-c5f7-414b-a3c2-bf5c8e2203b0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTg5MzUsIm5iZiI6MTcyNDU1ODYzNSwicGF0aCI6Ii8xMzI4ODMyMzUvMjQyNDgyMzY2LTkxNzU1ZmYyLWM1ZjctNDE0Yi1hM2MyLWJmNWM4ZTIyMDNiMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNVQwNDAzNTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMjVkNGE4M2NiYzZkZGMwYjM3YTY3YWFiZGUyODExMDZkODlmMTRjYmM0NzkzZjhjN2U1Y2UzNjc5ZDRkOTA4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.slzjSGRjXmZYx6X2OJ6b7nl4KZQ0c9xhLlvhmz_ir8g)
![Screenshot 2023-06-01 at 9 58 13 AM](https://private-user-images.githubusercontent.com/132883235/242482370-b2911e19-e5ba-4ec7-ac3d-3f90e36a25ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTg5MzUsIm5iZiI6MTcyNDU1ODYzNSwicGF0aCI6Ii8xMzI4ODMyMzUvMjQyNDgyMzcwLWIyOTExZTE5LWU1YmEtNGVjNy1hYzNkLTNmOTBlMzZhMjVlYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNVQwNDAzNTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05OTM3MTBmYmUyM2RjNjMwMDEzYTYwZjdmNWZjY2RkYWFhODY2OGQwZTI5NDI0ZTNlMDQ4YzA0ZmZiZWM1MzY4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Vce_pirC-TYopjVuOvXoIjKZb2uPXalqcZpyYebrRtE)
- Drawer Navigation: The app implements a convenient drawer navigation system, allowing users to easily access various screens and functionalities. The intuitive navigation menu provides quick access to categories, shopping cart, user profile, and more.
- useContext Hook: Leveraging the power of the useContext hook in React-Native, this app efficiently manages global state across multiple components. It simplifies data sharing and allows for a consistent and synchronized user experience throughout the app.
- Product Catalog: The app showcases a comprehensive product catalog, enabling users to browse and explore a wide range of products. Each product listing includes essential details such as title, price, description, and images to facilitate informed purchasing decisions.
- Shopping Cart and Checkout: The app features a fully functional shopping cart where users can add products, adjust quantities, and proceed to the checkout process. Users can review their items, apply discount codes, select shipping methods, and securely complete their purchases.
- Order Tracking: The app provides order tracking capabilities, allowing users to monitor the status of their purchases. Users can receive notifications and updates on their orders, ensuring a transparent and satisfying post-purchase experience.
- Responsive Design: Designed with a mobile-first approach, this e-commerce app offers a responsive layout that adapts to different screen sizes. It ensures an optimal user experience on both smartphones and tablets.
Open the App.js
file to start writing some code. You can preview the changes directly on your phone or tablet by scanning the QR code or use the iOS or Android emulators. When you're done, click Save and share the link!
When you're ready to see everything that Expo provides (or if you want to use your own editor) you can Download your project and use it with expo-cli from this link.
All projects created in Snack are publicly available, so you can easily share the link to this project via link, or embed it on a web page with the <>
button.
If you're having problems, you can tweet to us @expo or ask in our forums.
Snack is Open Source. You can find the code on the GitHub repo.
We believe this React-Native E-Commerce App with Drawer Navigation and useContext Hook delivers a seamless and engaging shopping experience. Whether you're a business looking to establish an online presence or a developer seeking inspiration for your own e-commerce project, this app provides a solid foundation. Start exploring and building your dream online store today!