Scribd
Upload
19 views8 pages

Web Operations

The document outlines the application instructions for the Global Hyperloop Competition, including mandatory questions and design tasks related to web operations. Participants are required to submit their solutions using specific technologies like ReactJs, Express JS, and Figma, along with a GitHub repository link. Contact information for queries is provided, along with learning resources to assist in the application process.

Uploaded by

ae23b003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views8 pages

Web Operations

The document outlines the application instructions for the Global Hyperloop Competition, including mandatory questions and design tasks related to web operations. Participants are required to submit their solutions using specific technologies like ReactJs, Express JS, and Figma, along with a GitHub repository link. Contact information for queries is provided, along with learning resources to assist in the application process.

Uploaded by

ae23b003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Global Hyperloop

Competition
APPLICATION

Contact: Arpit Garg +918437655909


WEB OPERATIONS

If any queries, contact:


Mitesh Bediya +91 7984752005
Nishanth Dipali +91 8073708074
Vedant Bhosle +91 98230 43105
WEB OPERATIONS

INSTRUCTIONS

Drive link for Questions 2A, 2B, 2C: Click here

Attempting Question 1 is mandatory

Attempting at least one part of Question 2 is


mandatory

Focus on the quality of solutions than the quantity

Learning resources:
a. https://roadmap.sh/full-stack
b. https://www.w3schools.com/
c. https://roadmap.sh/nodejs
d. https://roadmap.sh/react

Submit all your files (html, css, js) and figma designs
by uploading it in a Github repository and add the
link in your application PDF
WEB OPERATIONS

QUESTION 1

1. What is asynchronous JavaScript?


How is it different from synchronous JavaScript?

2. What is an API? Explain in brief how it works and how


you will create an API with
technical details.

3. What is the difference between a library and a


framework? Is React a library or a framework? Is Express
library or a framework?

4. Share your GitHub ID (URL preferred). Understand


GIT.
WEB OPERATIONS

QUESTION 2A

DESIGN

a. Replicate the animation given in the Google Drive link


using either ReactJs or NextJs
*Preferably using Tailwind CSS

b. Design an animation that fits with our website’s home


page
URL: https://ghciitm.com

c. Using Figma make a redesign of our website’s home


page
URL: https://ghciitm.com
WEB OPERATIONS

QUESTION 2B

FRONTEND DEVELOPMENT

a. Make a Todo app using ReactJs that performs CRUD


Operations on the given API link.

API Link:
https://ghc-applications-api.vercel.app/
API documentation:
https://github.com/GHC-IITM/ghc-
application/blob/main/README.md

b. Make a Snackbar menu which is responsive on all


devices
Example: mobiles, tablets, desktop, large monitors
WEB OPERATIONS

QUESTION 2C

BACKEND DEVELOPMENT

a. Use the JSON file given in the Google Drive link and
make a server in Express JS that allows you to fetch the
data with different filters via an API call. (The server
should use a router and cors)

b. What are promises in JavaScript and how do you


resolve promises? Create a promise that when fulfilled
gives "success" and when rejected gives "error". Use
async-await to resolve the promise (use node.js for
compiling js). And use them to render data from the API
created in the previous subquestion on a website. (Plain
HTML, JS, and CSS will also work)
THANK YOU

You might also like