Skip to content

This code hosts the FrontEnd challenge for the Learning Team in KEWeb

Notifications You must be signed in to change notification settings

mounilsankar/KEFrontEndChallenge

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

FEChallenge

Challenge for members in the Learning Team. The challenge tests basic understanding and application of ReactJS, as well as Chakra-UI

The challenge is simple, create a registration for the KE Web App of these exact specs:

Image of Challenge

Specifications:

  1. Only ReactJS and Chakra-UI is to be used. No other libraries can be used.
  2. All input fields and their corresponding types must be present
  3. Layout of the input fields should be similar, but styled individually
  4. You can change the colour, style, position of text boxes etc, but the UI should look nice and make sense
  5. No copying from other people
  6. Each individual React component should be in its own file and imported in the main layout.
  7. Most importantly, code should compile without any error.
  8. When the user selects the Block, the Block Selected should be changed to the latest block selected as well
  9. When the submit button is pressed, a function should be activated on click and change all of the Your [] is: [] to reflect the current input using States

Additional Instructions:

  1. Due Date: Week 7 of AY22/23 Semester 1

How to Submit

  1. Fork the repository into your Github
  2. Clone the Github repository into your local machine
  3. Create a new folder and label it with your name eg. james
  4. Copy the files in the template folder into your individual folder
  5. Complete the challenge
  6. Write down your name in the page as well under the This challenge is completed by: []
  7. Open a pull request back into the main Github repository for your submission

About

This code hosts the FrontEnd challenge for the Learning Team in KEWeb

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 80.3%
  • JavaScript 19.7%