Prisma Ecommerce

screenshot of Prisma Ecommerce
react
react-native
prisma

Prisma Ecommerce

💰A graphql e-commerce real-world fullstack example (backoffice included)

Overview

The Prisma E-commerce app is a beautiful and customizable React Native app that is backed by a GraphQL backend powered by Prisma.io. It supports multiple shops within the same application and includes a handcrafted backoffice for managing e-commerce shops. The app also features fully customizable products with a variant system and real-time updates for product availabilities. It includes a ready-to-sell Stripe integration for secure payments and a push notification system to keep users updated on their orders. The app is made with love for the open-source community and is designed to promote the use of vanilla React without any state-management libraries.

Features

  • Beautiful, easily customizable react-native app
  • GraphQL backend powered by Prisma.io
  • Support for multiple shops within the same application
  • Handcrafted backoffice for managing e-commerce shops
  • Fully customizable products with a variant system
  • Real-time updates for product availabilities
  • Ready-to-sell Stripe integration for secure payments
  • Push notification system to keep users updated on order status

Installation

To install the Prisma E-commerce app:

  1. Clone the project repository from GitHub:
git clone https://github.com/Weakky/ra-data-prisma
  1. Update the localhost address:
  • If you are running the app on Android emulator, replace "localhost" with the local IP address of your machine.
  • If you are running the app on iOS simulator, localhost should work as it points to the machine on which your server is running.
  1. Follow the instructions provided in the project documentation to set up the backend, configure Stripe integration, and customize the app as needed.

Summary

The Prisma E-commerce app is a customizable React Native app with a powerful GraphQL backend. It offers support for multiple shops, a handcrafted backoffice for shop management, and fully customizable products with real-time updates. With a built-in Stripe integration and push notification system, the app provides a comprehensive e-commerce solution. The app is designed to promote the use of vanilla React without relying on state-management libraries.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

ecommerce
Ecommerce

Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.

fullstack
Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.