Google Clone Frontend

google-clone-frontend

A Google clone that searches for Wikipedia Articles based on a Terminal simulation

Frontend

How to Run

Access the website deployed: Link to Website

Or deploy locally:

Install the dependencies

yarn
# or
npm install

Start the app in development mode (hot-code reloading, error reporting, etc.)

npx quasar dev

"Backend" (Vercel Serverless Functions)

To learn more about the "backend", follow the backend repository

Contribute

Add more commands

The CommandController implements a Command Pattern.

To create more commands, create a new _____Command.ts inside the ./src/models/Commands folder following the Terminal Command Abstract Class implementing these main objects/functions:

function execute(): void { }

function break(): void { }

config: CommandConfig = {
  title: 'TITLE',
  description: 'DESCRIPTION',
  usage: ['CMD [OPTIONS] <QUERY>'],
  options: [
    {
      minified: 'MINIFIED OPTION',
      normal: 'NORMAL OPTION',
      description: 'OPTION DESCRIPTION',
      default: 'DEFAULT VALUE',
      type: CommandTypes.TYPE,
      required: REQUIRED,
    },
  ],
};

And add this new command on ./src/models/CommandsFactory.ts commands array:

static commands: { [k: string]: any } = {
    [...]
    echo: EchoCommand,
    clear: ClearCommand,
    ____: _____________
  };