{"id":1326,"date":"2021-05-20T08:40:41","date_gmt":"2021-05-20T08:40:41","guid":{"rendered":"https:\/\/codeinsightacademy.com\/blog\/?p=1326"},"modified":"2021-05-25T13:54:41","modified_gmt":"2021-05-25T13:54:41","slug":"mini-car-inventory-system","status":"publish","type":"post","link":"https:\/\/codeinsightacademy.com\/blog\/projects\/mini-car-inventory-system\/","title":{"rendered":"Mini Car Inventory System"},"content":{"rendered":"\n

Creating a personal mini car inventory system from scratch using your best knowledge and skills. The system will have inventory of manufacturer and models (cars) of each manufacturer owned.<\/p>\n\n\n\n

System should be created using your own frontend and backend framework and should use caching.<\/p>\n\n\n\n

Frontend should be a webapp a.k.a. SPA. (Ie: no refreshing\/reloading pages<\/span><\/strong>)<\/p>\n\n\n\n

Technology to be used:<\/p>\n\n\n\n

PHP (OOP)
MySql (Normalized Database Schema)
Javascript (JQuery – AJAX)
HTML, CSS and Bootstrap 5<\/p>\n\n\n\n

Classes to be created:<\/p>\n\n\n\n

Database – Class to deal with each and every operation of database.
Manufacturer – Class to deal with all operations related to car manufacturer.
Model – Class to deal with all operations related to car model.

Page 1<\/strong>: Add Manufacturer.
The page should contain a input box for manufacturer name and a submit button.<\/p>\n\n\n\n

Page 2<\/strong>: Add Model.
This page should have a manufacturer dropdown on the right side and model name textbox on the left side (Both should be in the same line)<\/p>\n\n\n\n

Add other details below about the car like \u201cColor, manufacturing year, registration number, note and 2 pictures\u201d. Pictures should be uploaded using any ajax plugin.<\/p>\n\n\n\n

And lastly there should be a submit button.<\/p>\n\n\n\n

Page 3<\/strong>: View Inventory.
This page should populate a table of all the models and manufacturers from the DB.<\/p>\n\n\n\n

It should have the columns as below<\/p>\n\n\n\n

Serial Number, Manufacturer Name, Model Name, Count<\/p>\n\n\n\n

eg.<\/p>\n\n\n\n

  1. Maruti WagonR 2<\/li>
  2. Tata Nano 1<\/li><\/ol>\n\n\n\n

    On clicking on the row, a popup will appear which will have details of the individual models like color, manufacturing year etc. (Basically all details from page 2) and a Sold clickable link.<\/p>\n\n\n\n

    On clicking Sold, the row will be deleted and the DB will be updated accordingly.<\/p>\n\n\n\n

    In addition to this, on Page 3 when users are viewing the inventory and in case a car is sold, the View Inventory table for the column Count will have to be dynamically updated in case a car is sold at that moment.<\/p>\n\n\n\n

    Similarly in case the users are on any other page or pop up of the system, they should get an alert saying “make model is sold” when a car is sold.<\/p>\n\n\n\n

    Wireframes<\/p>\n\n\n\n

    \"\"<\/a><\/figure>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n

    DATABASE Schema<\/p>\n\n\n\n

    \"\"<\/a><\/figure>\n\n\n\n

    Code for reference
    https:\/\/github.com\/shaileshsonare\/mcis<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    Creating a personal mini car inventory system from scratch using your best knowledge and skills. The system will have inventory of manufacturer and models (cars) of each manufacturer owned. System should be created using your own frontend and backend framework and should use caching. Frontend should be a webapp a.k.a. SPA. (Ie: no refreshing\/reloading pages) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/1326"}],"collection":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=1326"}],"version-history":[{"count":14,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/1326\/revisions"}],"predecessor-version":[{"id":1407,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/1326\/revisions\/1407"}],"wp:attachment":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=1326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/categories?post=1326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/tags?post=1326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}