Welcome to DLP’s Beginner Project!

Part 1: Creating a branch and starting the CLI

• Create a branch with your name, e.g., faris on the practice repo above
• Start the frontend and backend, make sure it all works

Part 2: Scavenger Hunt

• Continue with the branch created in part 1
• Rename the navigation bar item labeled Train to Hello World
• Reroute the donate link in the navigation bar to a youtube link of your choice
• Add a new font-awesome icon in the footer that contains the React logo
• Add a new MUI radio button in the parameters step for Tabular training
• Rename the Start button to Beginning in the parameters step for Tabular training
• Console log the user’s email when the user signs in
• Console log the trainspace uid when the submit button is pressed once the user submits the trainspace for training
• Push your changes to Github and make a pull request to the nextjs branch titled [YOUR NAME]-part2. PLEASE ATTACH SCREEN RECORDING

Part 3: Creating the Endpoints

• Create a new branch titled “[YOUR NAME]-part3”
• Create a dummy button on a /beginner page (frontend)
• Create an HTTP endpoint in the backend that, when called, will send a text response to the frontend
• Clicking on the button will call the backend endpoint and display the returned text response
• Push your changes to Github and make a pull request to the nextjs branch titled [YOUR NAME]-part3. PLEASE ATTACH SCREEN RECORDING

Part 4: New Page with a Graph

• Create a new branch titled “[YOUR NAME]-part4”
• Create a new page, adding a menu item in the navbar. The name of the menu item in the navbar should be your first name
• Upon loading the new page, the page will query a CSV dataset (e.g., iris.csv) from the backend, and the frontend uses the data to create a graph
• An example is the distribution of iris petal lengths or a pie chart of the species type
• You can also add more interactivity by hovering over the graph and showing a tooltip
• Push your changes to Github and make a pull request to the nextjs branch
• We leave the specific design implementation to you, these are the broad requirements
• Push your changes to Github and make a pull request to the nextjs branch titled [YOUR NAME]-part4. PLEASE ATTACH SCREEN RECORDING