Product Management Tool Project

The purpose of this project is to help us gauge where you are at skill$-$wise when it

comes to development. We will take this project, look over it$,$ and review it with you.

Your task is to create a simple product management tool that lets you create products

and search products in a listing page. Your project will have both a backend and a

frontend connected by a Rest API. You are required to use Node.js$,$ Ruby on Rails, or

Laravel for the backend and React, NextJS, or Vue for the frontend.

Core Requirements

$1.$ Your app will implement $3$ models.

$$ Product which contains the following attributes$/$validations:

$$ name $($string $(0-1024$ chars$),$ unique$)$

$$ upc $($string $(10,12$ or $13$ chars$),$ unique, only numeric characters $(0-9)$

allowed$)$

$$ available$\_$on $($datetime$,$ must be in the future$)$

$$ Property which contains the following attributes$/$validations:

$$ name $($string $(0-255$ chars$),$ unique$)$

$$ ProductProperty which contains the following attributes$/$validations:

$$ value $($string $(0-255))$

$$Property$$ will represent additional fields that can be associated with a product. Ex:

brand, description, color etc. $$ProductProperty$$ will contain the values associated with

a $$Property$$ object and a $$Product$$ object. Ex: "Chanel", "Red" etc. In other words,

a $$ProductProperty$$ object should contain references to a $$Product$$ object and

a $$Property$$ object.

$2.$ Your app will provide $2$ pages:

$$ The Product Create page. This should contain a form with the required Product

fields. The form should have a button that lets a user add more properties $($name

and value pairs$)$ to the product. In the end there should be a save button which

lets the user know if validations passed and a record was saved or not. Ex:

$$

$$ The Listing page. This page lists the products created $($in no particular order$)$ and

their details $($including property name$/$value pairs$).$ The Listing page also should

contain a search field which dynamically searches product names and updates

the listing page with the filtered results using React$/$NextJS$/$Vue$.$ Ex:

$$

Guidelines

$$ Your app must be developed using Node.js$,$ Ruby on Rails, or Laravel as the

backend.

$$ Your app must include both a backend and a frontend with a Rest API in

between.

$$ You may use a database of your choice.

$$ The search functionality on the listing page must be implemented dynamically

and should not require a page reload.

$$ The app$/$forms do not need to be styled as shown in the example images. You

may leave everything un$-$styled.

$$ There is no need to implement any sort of authentication on the app.

$$ You may use any package, gem, component, or library in your app to complete

your project. Open$-$source and stack$-$overflow is your friend.

$$ Your solution must be published to github.com and shared with us$.$ It should

include a README file containing instructions on setting up the database$/$

backend and running everything.

$$