GithubHelp home page GithubHelp logo

velocima / codingchallengegoogle Goto Github PK

View Code? Open in Web Editor NEW

This project forked from humza1997/codingchallengegoogle

0.0 0.0 0.0 132 KB

Coding Challenge - Attempt to Make Google

JavaScript 34.06% HTML 27.89% CSS 38.05%

codingchallengegoogle's Introduction

Google Clone Coding Challenge

The project is a simple clone of the google home and results pages.

Specification

  • Your version of Google should have a homepage, with a logo, search bar and two buttons.
  • Upon pressing one button an API call should be executed and users should be shown a page with ten results.
  • Upon pressing the other, users should be taken to the page of one of the results.

Installation & Usage

Installation

  • clone or download the repo.
  • open terminal and navigate to server folder.
  • Run npm install to install server dependecies.
  • open terminal and navigate to client folder.
  • Run npm install to install client dependecies.

Usage

  • Run npm start to launch the server.
  • Run npm start to launch the client.

Technologies

Frontend

  • HTML
  • CSS
  • JavaScript

Backend

  • Javascript / NodeJs
  • NPM
    • Express
    • Cors
    • Morgan
    • Google-it
    • Nodemon
    • Jest
    • Supertest

API Endpoints

  • GET /
    • returns Hello World!
  • GET /search
    • requires search query parameter
    • responsds with JSON:
{
	results: [
		{
			title: 'string title',
			link: 'string href',
			snippet: 'string snippet',
		}, // ...
	];
}

Wins & Challenges

Wins

  • Finding Google-it simplified the back-end

Challenges

Licence

none

codingchallengegoogle's People

Contributors

humza1997 avatar velocima 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.