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

Tech Stack

• Framework: Next.js 14
• Authentication: Next-Auth 5
• Database: Postgres (Neon)
• ORM: Drizzle ORM
• Forms: React Hook Form
• Email: React Email and Resend
• Validations: Zod
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Hosting: Vercel

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