Giter VIP home page Giter VIP logo

tilakmaddy / club-inventory-mgmt Goto Github PK

View Code? Open in Web Editor NEW
0.0 4.0 0.0 1.63 MB

Full Stack E-commerce app for institutions across the globe. ๐ŸŒŽ Made in Keystone and Next JS (uses graph QL , cache invalidation, access control and permissions, etc)

Home Page: https://club-inventory-management-software.netlify.app/

TypeScript 19.13% JavaScript 80.46% CSS 0.40%
javascript fullstack-javascript nextjs frontend reactjs

club-inventory-mgmt's Introduction

Club Inventory Management Tool

E-commerce app for institutions across the globe

ย 

Installation

We need to get the Backend running first and then the Frontend so that Next JS can connect to the Graph QL endpoint on the backend. Each ๐Ÿ“ in the master branch is a separate node deployment in itself. (backend and frontend)

Initial setup

Open .env_sample in backend and fill it with your own details. For that you'll need to create an account in Mongo DB, Cloudinary (for storing product photos) and Stripe. Then rename .env_sample to .env.

Also fill in your Stripe public key in frontend/.env.local

Further steps

1.Comment out the shown highlighted code in backend/schemas/Role.ts

RoleImage

2.Run the below commands in root folder of backend and frontend

npm install
npm run build
npm run start

3.Visit http://localhost:3000/

You'll prompted to create an initial account , this is going to be the administrator account.

After logging in, go the Roles tab and create a new Role called 'Admin' and check all the boxes. Assign the Admin Role to yourself.

4.Now uncomment the previously commented code and restart the backend server

5.Now visit http://localhost:7777/ which is the frontend Next JS deployment.

How to use

Create clubs from Admin account, then assign the Convener role to any user from the member dashboard . The convener can add products and dispatch requests made by any regular member user. Leave reviews, rank bestsellers, other cool stuff like caching, etc taken care of!

References

My all time favourite CMS - Keystone JS https://www.keystonejs.com/quick-start/adapters

Next JS - frontend ssr react http://nextjs.com/

Apollo Graph QL queries/mutations/polls https://www.apollographql.com/docs/react/data/queries/

club-inventory-mgmt's People

Watchers

 avatar  avatar  avatar  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.