The Vendor Management System is a web-based application that allows users to manage vendor information. The system enables users to log in with their Google accounts, create and manage vendor profiles, and perform various vendor-related tasks like editing and deleting vendors. It provides a user-friendly interface to streamline vendor management processes.
https://jstigernextapp.vercel.app/
- Login with Google & Logout.
- Create Vendor: Vendor Name*, Bank Account No*., Bank Name*, Address Line 1*, Address Line 2, City*, Country*, Zip Code*.
- Display paginated list of vendors : Vendor Name, Bank Account No., Bank Name, Edit (link) / Delete (link)
- Edit: Load vendor details on edit vendor screen. Update on submit.
- Delete: Delete vendor after confirmation.
nextcrud.mp4
-
The Vendor Management System provides the following features:
-
Login with Google & Logout: Users can log in to the system using their Google accounts and log out when they're done.
-
Create Vendor: Users can create vendor profiles with mandatory fields, including Vendor Name, Bank Account No., Bank Name, Address Line 1, City, Country, and Zip Code. Address Line 2 is optional.
-
Display Paginated List of Vendors: The system displays a paginated list of vendors with essential information, including Vendor Name, Bank Account No., and Bank Name. Users can edit or delete vendors from this list.
-
Edit Vendor: Users can load vendor details onto the edit vendor screen, make changes, and update the information on submission.
-
Delete Vendor: Users can delete a vendor after confirming their intent.
-
Clone the project repository to your local machine:
git clone repo -
Install the project dependencies:
npm install -
Create a .env file in the project root directory and add your MongoDB and Google API credentials. Here is an example of the required environment variables:
MONGODB_URI=mongodb://localhost/vendordb GOOGLE_CLIENT_ID=your-client-id GOOGLE_CLIENT_SECRET=your-client-secret SESSION_SECRET=your-session-secret -
Run the App:
'npm run dev'