Sricandy

Brief Description

SriCandy is a Singapore-based e-commerce platform specializing in high-quality jewelry. The platform comprises a customer-facing mobile application and an admin dashboard for internal management. The mobile application provides users with a seamless shopping experience, allowing them to browse and purchase a wide range of jewelry items, including rings, earrings, pendants, and necklaces. Each piece is meticulously designed and crafted to ensure lasting durability. The admin dashboard facilitates efficient management of products, orders, and customer interactions.

Role and Responsibilities

• Mobile Application Development: Developing a unified codebase using React Native and TypeScript to ensure consistent functionality and appearance across both iOS and Android platforms.
• Admin Dashboard Development: Creating an admin dashboard using Next.js and TypeScript to manage products, orders, and customer data efficiently.
• User Interface Design: Implementing intuitive and user-friendly navigation to enhance the shopping experience for customers and streamline management tasks for administrators.
• Product Display and Management: Integrating dynamic product listings with detailed descriptions and high-quality images, allowing users to comprehensively explore the jewelry collections.
• Secure Payment Integration: Implementing a secure and efficient checkout process using PayPal API in the mobile application to protect user information and facilitate smooth transactions.
• State Management: Utilizing Context API for efficient state management across both mobile and admin platforms.
• Data Fetching: Employing Axios and React Query for efficient data fetching and synchronization between the client and server.

Technologies and Tools Used

• Mobile Application:
  • Framework: React Native
  • Programming Language: TypeScript (TSX)
  • State Management: Context API
  • Data Fetching: Axios, React Query
  • Payment Integration: PayPal API
• Admin Dashboard:
  • Framework: Next.js
  • Programming Language: TypeScript (TSX)
  • State Management: Context API
  • Data Fetching: Axios, React Query
  • Version Control: Git

Challenges and Solutions

• Device Fragmentation: Ensuring compatibility across various device models and screen sizes.
  Solution: Leveraged React Native's responsive design capabilities and conducted extensive testing on multiple devices to ensure a consistent user experience.
• Performance Optimization: Maintaining high performance while handling high-resolution product images and dynamic content.
  Solution: Implemented image optimization techniques and utilized lazy loading to enhance application performance.
• Secure Transactions: Protecting user data during the payment process.
  Solution: Integrated PayPal API in the mobile application to securely handle payments, ensuring compliance with industry standards.
• Admin Dashboard Development: Creating a scalable and efficient admin panel for managing products, orders, and customer data.
  Solution: Utilized Next.js for the admin dashboard, benefiting from its server-side rendering and static site generation capabilities to enhance performance.

Outcomes and Achievements

• User Engagement: Achieved a significant increase in user engagement and positive feedback, with users appreciating the app's ease of use and comprehensive product offerings.
• Performance Metrics: The application and admin dashboard maintained high performance with quick load times and smooth navigation, contributing to a positive user experience.