/Vehicle-Angular-Frontend

📬 🚘 Vehicle CSV upload System is implemented for upload CSV data files to the Nest JS backend. 🚨 In this system, All CRUD operations also implemented.

Primary LanguageTypeScriptMIT LicenseMIT

🚨 🚧  Work In Progress  🚧 🚨

Vehicle Web Application

CodeLAb assignment-01 code base that belongs to my office work. This is Angular web application.  :boat: :boat:

License

Licenses this source under the MIT License,You may not use this file except in compliance with the License.

License: MIT

Content  :book: :book:

  • CSV data File uploader
  • All CRUD operation has implemented
  • Push Notification - Socket-io

Angular Angular 10 jet socket.io Build

Passed

Here is a screenshot of the Login page

This window use for log into application. Before upload CSV file you need to login to application. When you enter correct user email and password application will get JWT valid token. This Token will save in web browser local storage.

Here is a screenshot of the UI

App Screenshots

user this credentials for login.

User Email Password
test@mail.com test123 Tested
dev@mail.com dev123 Tested

About CSV files upload page

This window use for upload .csv and .xlsx files. Before upload CSV file you need to select files from your local machine. You can select multiple files also. You can remove unwanted file that you have already selected. when you press submit all file will save in DataBase (PostgressQL).

Here is a screenshot of the UI

selected file Selecting file uploading file

About Dashboard View and CRUD UI

This componet use for display every records in DB. after upload .CVS into database this view will show data. as well as user can Edit and Delete each and every records one by one.

Here is a screenshot of the UI

Dashboard View Edit Vehicle Delete Vehicle Add New Vehicle