🛒👚 FERNAN SHOP: Welcome to our e-commerce application! We present a cutting-edge platform where you can explore and purchase a wide range of fashionable clothing and accessories, all from the comfort of your home. Leveraging the power of Appwrite as our backend solution, we have seamlessly integrated user management, product catalog, and order tracking features. To ensure secure and hassle-free transactions, we have integrated Stripe payment services, providing a robust and reliable payment gateway. Join us today for an immersive shopping experience, where fashion meets convenience at your fingertips. Be part of our journey as we revolutionize the way you shop online!".
The project at hand is a mobile application developed for a hackathon event, aiming to revolutionize the fashion e-commerce industry by providing a user-friendly and secure shopping experience with simplified online payments. The application was built using AppWrite, a powerful backend-as-a-service platform, and integrated with Stripe, a leading online payment gateway.
- User Authentication: AppWrite handles user authentication, ensuring secure access to the app's features. Users can create accounts, log in securely, and manage their profiles, guaranteeing a personalized experience.
- Efficient Data Storage: AppWrite efficiently stores and manages data, providing a seamless user experience. It optimizes data retrieval and storage, resulting in fast response times and minimal downtime.
- Seamless Payment Experience: The integration of Stripe allows users to make payments securely and without hassle. Users can add their preferred payment methods, and the app securely processes transactions, providing peace of mind.
- Product Exploration: Users can explore a vast selection of fashion items, including the latest trends, popular styles, and exclusive offers. The app provides intuitive search and filtering functionalities to help users discover their desired products easily.
- Shopping Cart Functionality: Users can add their favorite items to the cart and proceed to checkout seamlessly. The cart retains the selected items, allowing users to review and modify their choices before making a final purchase decision.
- Secure Transactions: The custom backend implementation ensures that payments are processed securely without compromising users' financial data. Encryption techniques and best practices are employed to protect sensitive information, maintaining the highest security standards.
- Notifications: Users receive timely notifications about their orders, including order confirmations, shipment updates, and delivery notifications. These notifications keep users informed and engaged throughout the shopping experience.
- Customer Support: The app provides a contact feature, allowing users to reach out to support for any inquiries, assistance, or feedback. The dedicated support team ensures a prompt and helpful response, enhancing customer satisfaction.
The project was developed solely by me within a two-week timeframe, showcasing my ability to rapidly develop and deploy a mobile application using AppWrite and Stripe. The backend server is hosted on Glitch, a cloud-based development platform, and additional functionalities were implemented to handle card payments through Stripe. The app's front-end design focuses on simplicity, elegance, and intuitive navigation, providing a delightful user interface.
The application's architecture enables smooth communication between the app and the payment platform, ensuring a seamless user experience and enhanced security. The integration with AppWrite and Stripe offers scalability, allowing the app to handle increased user demand and adapt to future business growth.
I implemented extensive testing and quality assurance measures to ensure the app's stability, reliability, and overall performance. Regular updates and maintenance are planned to introduce new features, address user feedback, and improve the app's functionality.
This project showcases my skills in developing a secure, efficient, and user-friendly mobile commerce application. It emphasizes the importance of a seamless payment experience and demonstrates how technology can elevate the e-commerce industry, providing a platform that both businesses and customers can trust.
By combining powerful backend services, secure payment processing, and an intuitive user interface, this mobile application sets a new standard for online fashion shopping. It offers convenience, security, and an enjoyable shopping experience, empowering users to explore the latest fashion trends and make purchases with confidence.
This architecture allows for a clear separation of responsibilities, makes it easier to test and maintain code, and allows layers to be independent and can be modified or replaced without affecting other layers.
This architecture is separated in modules
Modules
- Presentation is responsible for the user interface and user interaction. Here are the UI components and presentation logic.
-
Data is responsible for data access and persistence. Here the repositories defined in the domain layer are implemented and frameworks and libraries are used to interact with data sources.
-
Domain is the core of the architecture and contains the main business logic of the application. Here the application-specific use cases and business rules are defined.
To build your own app is super simple
Install appwrite on your own server, it can guide you from Build your server or you can also use Cloud Appwrite
- Create a new project, and open
- You go to integrations and add a new platform (Android App), you add the name and the name of the application package, you don't need to add the dependencies because it already has them
- Create one API Key
- To facilitate the creation of the database with its collections, I have created a script in Kotlin CreateDatabase.kt, you can run it in an Online Kotlin Compiler, Android Studio, etc, it does not need any dependencies, extra, remember to configure your keys in the script.
This backend is for example only
- Remix project of glitch Backend Example Fernan Shop
- Config .env file
STRIPE_TEST_SECRET_KEY= YOUR KEY OF STRIPE
IN_publishable_key= YOUR KEY OF STRIPE
- Visit the Code Repository and clone
- Open Android Studio
- Config your keys in /data/src/main/jni/services.cpp
- Compile the application and bam the magic was done
- If you want to test with test cards you can use Test Cards
If you have any questions, write to me and I will gladly help you
The Fernan Shop App utilizes the following technologies:
-
Minimum SDK level 21
-
Kotlin Coroutines based for asynchronous.
-
Jetpack
- Lifecycle - Observe Android lifecycles and handle UI states upon the lifecycle changes.
- ViewModel - Manages UI-related data holder and lifecycle aware. Allows data to survive configuration changes such as screen rotations.
- DataBinding - Binds UI components in your layouts to data sources in your app using a declarative format rather than programmatically.
-
Architecture
- MVVM Architecture (View - DataBinding - ViewModel - Model)
-
Retrofit2 - Construct the REST APIs.
-
Glide - Loading images from network.
-
Material-Components - Material design components for building ripple animation, and CardView.
-
Stripe - Stripe is a suite of APIs powering online payment processing and commerce solutions for internet businesses of all sizes. Accept payments and scale faster..
-
Backend for Stripe - For testing the Stripe mobile apps.
-
Appwrite Cloud : Unizim relies on Appwrite as its backend service.
Go to the Releases to download the latest APK.
- Minimum SDK level 21
- Kotlin Coroutines based for asynchronous.
- Jetpack
- Lifecycle - Observe Android lifecycles and handle UI states upon the lifecycle changes.
- ViewModel - Manages UI-related data holder and lifecycle aware. Allows data to survive configuration changes such as screen rotations.
- DataBinding - Binds UI components in your layouts to data sources in your app using a declarative format rather than programmatically.
- Architecture
- MVVM Architecture (View - DataBinding - ViewModel - Model)
- Retrofit2 - Construct the REST APIs.
- Glide - Loading images from network.
- Material-Components - Material design components for building ripple animation, and CardView.
- Stripe - Stripe is a suite of APIs powering online payment processing and commerce solutions for internet businesses of all sizes. Accept payments and scale faster..
Also, follow me on GitHub for my next creations! 🤩
Also, follow 😅
- The code is: `-