React TODO App that allows user to perform crud operations (Create/Edit/Update/Delete). This app is connected to a REST API built using Laravel

• Responsive Items Dashboard

• Add New Device

• View Device details on different route

• Edit Device details by navigating to edit route.

• Add Manufacturer details

Clone the App from github

Install Application dependencies

cd `smart-device`
npm install or yarn if you prefer the later

Ensure you have node v5+ installed first

Run React from root

npm start or yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the browsers console.

Build for production

cd `smart-device`
npm run build

Required Fixes/Bugs

Update the admin lte Jquery datatable in public/index.html or use React datatables Searching, Paging not working as expected in React.

$(function () {
   $("#example1").DataTable();
    $("#example2").DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
    });
  });

This application uses the following Api to make requests

Use Postman to test this APi

• Devices APi.

• Manufacturers Api

App Info

Author

Eugene Wanjira

Version

1.0.0

License

This project is licensed under the MIT License