Git Product home page Git Product logo

zavy-ecommerce's Introduction

zavy-icon

Zavy - An eCommerce Marketplace

Zavy is an eCommerce marketplace built by v41-bears-team-32 (Chingu.io Voyage 41)

MVP Features:

  • Connect buyers with sellers
  • Start selling with 1-Click
  • Seller can create their product card with live preview
  • Payment processing via Stripe
  • Failed or pending payment handling
  • Stateful Cart which remembers your selection
  • Order tracking and status update

Preview

homepage

create-product

product-page

cart

checkout

zavy-stripe-integration

payment-success

buyer-orders

buyer-order-page

seller-order-page

seller-order-page-status

buyer-orders-after-status-update

order-with-pending-payment

seller-product-dashboard

address-book

login-page

Local Development Steps:

1️⃣ Database Setup:

This project uses PostgreSQL as the database. The easiest way to install it is using docker. Enter the following command on your terminal if you already have docker installed. This will install and run the latest version of postgreSQL.

$ docker run --name zavy -e POSTGRES_PASSWORD=password -p 5432:5432 -d --rm postgres

2️⃣ Dependencies Setup

This project uses pnpm for managing dependancies. If you don't already have it installed, install it using npm install -g pnpm or choose other available methods here and then:

  • git clone this repo and cd into it
  • pnpm install

🛑 Complete 3️⃣ before continuing...

  • pnpm exec prisma migrate dev (Will apply migrations, make sure database setup is completed)
  • pnpm exec prisma db seed (Will seed databse with required data)
  • pnpm dev

3️⃣ Environment Variables:

.env.example file is present in the root directory of project and includes all required envirnoment variables for local development. Following values will get you started:

# NEXTAUTH_SECRET can be generated using "openssl rand -base64 32"

DATABASE_URL=postgresql://postgres:password@localhost:5432/postgres
GOOGLE_CLIENT_SECRET=<client-secret>
GOOGLE_CLIENT_ID=<client-id>
FACEBOOK_CLIENT_SECRET=<fb-client-secret>
FACEBOOK_CLIENT_ID=<fb-client-id>
NEXTAUTH_URL=http://localhost:3000/
NEXTAUTH_SECRET=VJ13WCJAjH1SNoLpvUUIWhvk9+cEfsnOMnjssSsvzJQ=
NEXTAUTH_LOGIN=http://localhost:3000/api/login
NEXTAUTH_SIGNUP=http://localhost:3000/api/signup
CLOUDINARY_URL=<cloudinary://[API_KEY]:[API_SECRET]@[CLOUD_NAME]>
STRIPE_SECRET_KEY=<your-test-mode-secret-key>
NEXT_PUBLIC_CURRENT_URL=http://localhost:3000/
CURRENT_ENV=dev

zavy-ecommerce's People

Contributors

arslanastral avatar ayenyeinchanpyae avatar genelorenzsarmiento0408 avatar jdmedlock avatar jindaxz avatar smattison0830 avatar yuuuno32 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.