Giter Site home page Giter Site logo

pjborowiecki / quantum-stash-inventory-management-saas-nextjs-typescript-nextauth-v5-postgres-drizzle-tailwind Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 3.0 1.32 MB

Quantum Stash is an open-source, modern, full-stack SaaS web application, designed for efficient inventory management. Tailored mainly for e-commerce, it is versatile enough to meet the needs of any business requiring maticulous stock control.

License: MIT License

JavaScript 0.77% TypeScript 98.96% CSS 0.27%
next next14 nextjs inventory-management inventory-management-system javascript neondb postgres react react-hook-form

quantum-stash-inventory-management-saas-nextjs-typescript-nextauth-v5-postgres-drizzle-tailwind's Introduction

Quantum Stash

WORK IN PROGRESS

Quantum Stash is an open-source Software as a Service (SaaS) web application designed for efficient inventory management.

Tailored for e-commerce companies, it is versatile enough to meet the needs of any business requiring meticulous stock control. Explore the power of Quantum Stash to streamline your operations, providing a comprehensive solution for overseeing your stock and optimizing business processes.

The project serves as my portfolio demo piece, showcasing my skills in developing full-stack applications involving advanced features and techniques, such as:

  • Modern, intuitive user interface
  • Appropriate server- and client-side rendering
  • Advanced authentication, including:
    • JWT and HTTP-Only Cookies
    • Authentication with OAuth Google and GitHub providers
    • Authentication with email and password
    • Email verification functionality
    • Password reset and update functionality
  • Transactional emails with Resend and React Email
  • Serverless PostgreSQL database conenction
  • Complex ralations between database models
  • Prepared statements for fast SQL execution
  • Client- and server-side form validation with Zod
  • Server actions
  • Relevant CRUD operations
  • Stripe payments integration
  • Robust type checking and full type safety

You can check the deployed demo version TODO: here


public/images/screenshots/screenshot_1

public/images/screenshots/screenshot_2


Tech Stack


ToDo

  • User interface (UI)
  • Implement authentication and authorization
  • Use new SignIn and SignOut methods in place of the ones from v. 4
  • Fix the avatar after OAuth SignIn not being visible
  • Fix the toast messaging after correct Sign In
  • Unable or gracefully handle sign in with the same email, using Google and GitHub (OAuthAccountNotLinkedError)
  • Refactor server actions
  • Set up database connection and ORM
  • Define data schemas
  • Implement missing forms
  • Implement User, Organizations, Notifications, and Quick Help menu pages
  • Implement Other Apps menu
  • Connect Stripe and define plans
  • Make SaaS subscriptions functional
  • Make the dashboard use dynamic data
  • Set up and implement email notifications
  • User profile management
  • Database connection with Neon's PostgreSQL and DrizzleORM
  • Transactional emails with Resend and React Email
  • Collapse any open collapsibles in the sidebar nav when collapsing the sidebar itself (use global state management)
  • Improve responsiveness
  • Fix the QuickCreate menu
  • Fix the gaps in Settings
  • Add skeleton loading states for all pages
  • Extend prepared statements with create, update and delete

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.