Skip to content

tmusial99/ProdBoost-and-API-Next.js

Repository files navigation

ProdBoost

ProdBoost example screen

Adding order example

What is ProdBoost?

ProdBoost is a simple and free ERP (Enterprise resource planning) system for small manufacturing companies. It includes many features such as:

  • Server side rendering provided by Next.js for better SEO
  • Safe user authentication provided by NextAuth.js
  • Light and dark mode
  • Creating workers' accounts with limited and customizable permissions
  • Full account customization including changing password, changing company name, setting profile picture with cropping and zooming, deleting all company data
  • Creating a list of items in storage based on their classifications ( materials, components, products, packaging )
  • Easy search for items using their names or customizable tags
  • Generating a printable label with QR code for each item to provide better storage organisation
  • Easy item quantity editor
  • Possibility to create relations between certain items ( ex. Product with ID 5 is made from Components with ID's 2, 6, 7 and is using Packaging with ID 10 )
  • Possibillity to create custom production information for Components and Products provided by Quill.js text editor
  • Creating orders directly from application or from POST API route with refreshable and secret API Key
  • Customizable delivery options for orders

What did creating this project teach me?

  • Using NextAuth.js for really simple and safe user authentication. I like it very much ❤️
  • Using form data to upload files to server and parsing it with multiparty
  • Validating forms and HTTP request body with yup schema builder
  • That I should pay attention to prop drilling. I found these amazing and easy to use state management packages like Jotai and Zustand that I'm going to use in the future. Amazing job done by @pmndrs
  • That I should pay attention to the correct use of HTTP request methods. (I used to forget to use PUT or DELETE instead of POST)
  • That I should use mongoose instead of simple and hard to mantain in bigger projects MongoDB driver

Used technologies

  • TypeScript
  • React.js
  • Next.js
  • Mantine UI
  • MongoDB
  • AWS S3 Bucket
  • A couple of npm packages that you can find there.

Try it out!

App is live on https://prodboost.vercel.app/.

You can log in with test account credentials:

Username: testUser
Password: testUser123!

Please be kind to others. Don't change paasword or delete company data.

I highly recommend creating new account to safely test all features. There's no e-mail address required!