full-stack-concepts

import express from "express";
import cors from 'cors';
import morgan from "morgan";
import { Low, JSONFile } from 'lowdb';
import userRouter from './users.js';
import { nanoid } from 'nanoid';

const adapter = new JSONFile("db.json");
const db = new Low(adapter);
db.data = ({ users: [

full-stack-concepts

{
  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "nodemon index --ignore db.json"
  },
  "author": "",
  "license": "ISC",

full-stack-concepts

function Step2({
    FormContext
}) {

    /**
     * Context Store
     */
     const {
        step2Answered,
        setStep2Answered,

full-stack-concepts

import React from 'react';
import {
	Controller
} from 'react-hook-form';
import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl';
import Select from '@mui/material/Select';
import Typography from '@mui/material/Typography';

full-stack-concepts

import React from 'react';
import { FormContextProvider } from './FormContext';
import Stepper from './Stepper';

/**
 * Form Context Store
 */
function SelectStepper() {	
    return (
        <FormContextProvider>              

full-stack-concepts

import {createContext, useState} from 'react';
export const FormContext = createContext();

export const FormContextProvider = ({children}) => {
	const [step1Answered, setStep1Answered] = useState(false);
	const [step2Answered, setStep2Answered] = useState(false);
	const [step3Answered, setStep3Answered] = useState(false);		
	const [finished, setFinished] = useState(false);
	const [stepData, setStepData] = useState({
		step1: {