DEV Community

Mohammad (Sani) Bello
Mohammad (Sani) Bello

Posted on

Captivating the Mobile world with GreenCart: a beginners journey

#reactnative #android #vibecoding #beginners

Welcome page

As a budding web developer, I embarked on an exciting journey to create a game-changing mobile app called GreenCart. GreenCart is an online store that sells natural, green, and healthy products, allowing customers to browse, buy, and vendors to upload their products and receive payments.

Despite being a beginner, I challenged myself to dive into the world of React Native and build this mobile app from scratch. Along the way, I learned invaluable lessons that I'm excited to share with you.
Lessons Learned: From Idea to Execution

  • Inspiration from Templates: I started by exploring templates of similar projects to gain insights and inspiration. This helped me visualize the workflow, including authentication flows, purchasing processes, and more.

  • Sketching the Roadmap: I created a rough sketch to understand the app's structure and user journeys. This allowed me to plan the role-based authentication system, where users can sign up as either "Customer" or "Vendor."

  • Implementing Role-Based Authentication: I built a mock database for user storage and implemented an AuthContext to manage the authentication state. The signup screen now includes a role selection option, and the signin functionality routes users based on their assigned role.

  • Vendor Section and Dashboard: To cater to the needs of vendors, I created a dedicated section with its own layout and dashboard, ensuring a seamless experience for both customers and vendors.

Unveiling the GreenCart App

I'm thrilled to share the GreenCart app with you, a testament to my growth as a developer and the power of challenging oneself. This app is not just a functional e-commerce platform, but a reflection of my passion for creating innovative solutions that make a difference.

Try the GreenCart App with expo-Go through this link:

GrenCart

Get the username and password from:
GreenCart DOCUMENTATION

I'm excited to continue my journey and share more insights about the development of GreenCart. Follow me on LinkedIn, Twitter, and DevPost to stay updated on my latest projects and adventures in the world of web and mobile app development.

Top comments (0)