harshq

React.js software engineer practical test

In this practical test, we build a simple CRUD application called 🍔 The Fridge. We use this application to see what we have in our fridge at a glance and when do they expire.

Please read the instructions properly before you proceed.

⚙️ Tech Stack to be used

• React.js (Latest)
• SASS Stylesheets (scss)

harshq

package main

import (
	"encoding/json"
	"fmt"

	"github.com/aws/aws-lambda-go/events"
	runtime "github.com/aws/aws-lambda-go/lambda"
)

harshq

package main

import (
	"github.com/aws/aws-cdk-go/awscdk"
	"github.com/aws/aws-cdk-go/awscdk/awsapigatewayv2"
	"github.com/aws/aws-cdk-go/awscdk/awsapigatewayv2integrations"
	"github.com/aws/aws-cdk-go/awscdk/awslambdago"
	"github.com/aws/constructs-go/constructs/v3"
	"github.com/aws/jsii-runtime-go"
)

harshq

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const PORT = 3001;

module.exports = {
  entry: path.resolve(__dirname, "./src/index.js"),
  devServer: {
    contentBase: path.join(__dirname, "dist"),
    port: PORT,

harshq

  ...
  
  "scripts": {
    "start": "webpack serve --open --mode development",
    "build": "webpack --mode production",
    "serve": "serve dist -p 3001",
    "clean": "rm -rf dist"
  },
  
  ...

harshq

{
  "presets": ["@babel/preset-env", ["@babel/preset-react", {
     "runtime": "automatic"
  }]]
}

harshq

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
const dependencies = require("./package.json").dependencies;

const PORT = 3001;

module.exports = {
  entry: path.resolve(__dirname, "./src/index.js"),
  devServer: {

harshq

module.exports = {
  en: {
    linkGroups: [
      {
        id: 229,
        name: 'Electronics',
        links: [
          {
            name: 'Desktop Computers',
            slug: 'desktop-computers',

harshq

service: sls-server
frameworkVersion: '2'

plugins:
  - serverless-webpack # serverless webpack plugin 

package:
  individually: true # to package functions individually. You can toggle this and check the difference webpack generates

custom:

harshq

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    "lib": ["esnext"],
    "sourceMap": true,
    "outDir": "lib",
    "moduleResolution": "node",
    "removeComments": true,
    "noImplicitAny": true,