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.
![image](https://private-user-images.githubusercontent.com/52186295/275580140-a596d616-b7c5-49b1-9aa5-3de84a9d3f69.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1Njg3NTIsIm5iZiI6MTcyNDU2ODQ1MiwicGF0aCI6Ii81MjE4NjI5NS8yNzU1ODAxNDAtYTU5NmQ2MTYtYjdjNS00OWIxLTlhYTUtM2RlODRhOWQzZjY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA2NDczMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNlMTE4NmM4MDA2YTUwNDQyN2YwYWRjMzIzZjM4ODJiYWZhYWNmZWZmNWVmM2M3MGFiY2ZjNGFiZmEwYjI2M2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.MPKja69KKg6KwitOXRhMyHT4HTZtK15B20Zlmi9BkQY)
- Create Vendor: Vendor Name*, Bank Account No*., Bank Name*, Address Line 1*, Address Line 2, City*, Country*, Zip Code*.
![image](https://private-user-images.githubusercontent.com/52186295/275580615-0be97c07-816d-46a0-8b19-e4431b8fc361.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1Njg3NTIsIm5iZiI6MTcyNDU2ODQ1MiwicGF0aCI6Ii81MjE4NjI5NS8yNzU1ODA2MTUtMGJlOTdjMDctODE2ZC00NmEwLThiMTktZTQ0MzFiOGZjMzYxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA2NDczMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMwNTU1OWFmZmYxNTYzNWFlNGYwMDZkZmQyOTY0MDIwNzk1ZTcyNmJkMzRlOTAwM2I3ZmQyNGE1MWM3MDY4MzkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XBkutGCypQ49myWRjrOVqnQ2ZCr1zMuR8_fICVymRc8)
- Display paginated list of vendors : Vendor Name, Bank Account No., Bank Name, Edit (link) / Delete (link)
![image](https://private-user-images.githubusercontent.com/52186295/275581120-a6a83c46-2e39-481c-9305-3eb7e6a86e1a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1Njg3NTIsIm5iZiI6MTcyNDU2ODQ1MiwicGF0aCI6Ii81MjE4NjI5NS8yNzU1ODExMjAtYTZhODNjNDYtMmUzOS00ODFjLTkzMDUtM2ViN2U2YTg2ZTFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA2NDczMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI5NTY5YjQzMzc1MTlkMDhlYjNmN2YxMGE1NDQzNDgxZGQ0NTAxY2EzY2VjYzdmZTZlNTAzMDQ5ZGFmZWI4NGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.uS8suMGmBvMkW2G_PyoCJylGJQhkRpur9JHm9HrBBsQ)
- Edit: Load vendor details on edit vendor screen. Update on submit.
![image](https://private-user-images.githubusercontent.com/52186295/275581447-5df5f380-2306-4756-8887-209062675108.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1Njg3NTIsIm5iZiI6MTcyNDU2ODQ1MiwicGF0aCI6Ii81MjE4NjI5NS8yNzU1ODE0NDctNWRmNWYzODAtMjMwNi00NzU2LTg4ODctMjA5MDYyNjc1MTA4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA2NDczMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE3NmNjODEwYzMxZDJlZjk3ZWE0NGViOTZmMzgyMjA2Yjg3YWQ4YjA3NjQwOGU3NzlmZWUyMDU2MDI4Y2I4ZWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.twn3gt_g2s_Nnbg9lwJsLfTp5mbgq4bVjtGxyY9HjGI)
- Delete: Delete vendor after confirmation.
![image](https://private-user-images.githubusercontent.com/52186295/275581716-8bac4381-46b7-401c-ba79-73018bb3f97c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1Njg3NTIsIm5iZiI6MTcyNDU2ODQ1MiwicGF0aCI6Ii81MjE4NjI5NS8yNzU1ODE3MTYtOGJhYzQzODEtNDZiNy00MDFjLWJhNzktNzMwMThiYjNmOTdjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA2NDczMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFlYzZmNmQxYzhhZGUwY2EyN2M2MTM5NmE2MmVkNjk1MjQyNmI5Y2YxODZlOTk4NjM3Yzg5NGUwMWY0NzYzNWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xN2Jz0PXNVsiK1Gw_li-87ZicM-vR93xK6ZsKjdX5hg)
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'