GithubHelp home page GithubHelp logo

coding-challenge's Introduction

Coding challenge

The project is for manage the products and categories using the Framework Laravel and VueJs.

Database

Contain 2 tables Product and Category.

Back-End

I used 2 controllers 'ProductController' and 'CategorieController' to manipulate the code and i used the Repositories and service layer to make a good and fast code and i used the CLI to create and delete the product and categorie from the command ligne.

Command line

Create product
$ php artisan create:product {name} {description} {price} {image} {categorie_id} {sub_categorie_id?}
  • {name} : the name of product.
  • {description} : the description of product.
  • {price} : the price of product.
  • {image} : the name of product image.
  • {categorie_id} : the id of categorie for the product.
  • {sub_categorie_id?} : the id of sub categorie for the product is optional.
Delete product
$ php artisan delete:product {id}
  • {id} : the id of the product you need to deleted.
Create Categorie
$ php artisan create:categorie {name} {parent_categorie_id?}
  • {name} : the name of categorie.
  • {parent_categorie_id?} : the id of the parent categorie is optional.
Delete product
$ php artisan delete:categorie {id}
  • {id} : the id of the categorie you need to deleted.

Front-End

I used the Vuejs to create the front-end and i used the Axios to receive or send data from the server.

In the folder components we have all components of the project and in the folder routes i create the index.js to manipule the routing of components.

For Styling i used the Bootstrap V4.

Technologies we used

  • Laravel / VueJs
  • PHP7 / MySQL

coding-challenge's People

Contributors

ghoustleader avatar

Watchers

Abdelkarim avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.