karthik-sivasubramaniam/udacity-frontend-scholarship-team

Team Projects

Udacity Next Gen Tech Booster Scholarship - Frontend Track

What is this repository about?

This repository is (hopefully) a collection of projects attempting to crack some Frontend Mentor challenges, and the contributing members consist of the students from the scholarship program mentioned above.

How to join?

Just clone the project, select one of the issues identified from the "Issues" page of this repo, and start coding away. Once you've resolved the issue and tested, push and create a pull request.

All conversations related to the projects will happen on the program's Slack channel.

If you're new to Git/GitHub, here are some helpful links to get you started.

• Using SSH with GitHub
• An Intro to Git and GitHub for beginners

If you're stuck with anything, feel free to reach out to any of our fellow students, including me. I'm sure you'll get quick help.

Some basic rules to make it easy for everyone

• No frameworks. Just plain old HTML, CSS & JS working together in a project directory.
• HTML file should always be in the project's root directory, with CSS stylesheets and JS script files in their own sub-directories.
• Each project should have a single CSS stylesheet. We'll not be modularizing CSS, but you're welcome to organize the CSS rulesets into sections using comments.
• There's no timeline involved. If you find an open issue you'd like to work on, you're free to take it up and finish it at your own pace.
• Each challenge in its own project folder, so that this repo contains all challenges that the team is working on in one place.

udacity-frontend-scholarship-team's Issues

Style the result widget

Add styling to the result widget created in the issue #4 according to the given design reference.

Project folder: /tip-calculator-app

Write the function to display the calculated tip in the UI

Project folder: /tip-calculator-app

Create the result widget HTML with the "Reset" button

Put together the HTML for the result widget found in the right hand side (or bottom, on mobile) part of the page. Does not involve styling.

Project folder: /tip-calculator-app

Write the function to reset the form and the result widget values

Project folder: /tip-calculator-app

Style the page background and logo

Add the logo to the page HTML and style the page background and the logo.

Project folder: /tip-calculator-app

Style the form

Add styling for the form created in the issue #2 according to the given design reference.

Project folder: /tip-calculator-app

Create the form HTML

Put together the HTML for the form in the left hand side (or top, on mobile) part of the page. Does not involve the styling, but the form has to function properly.

Project folder: /tip-calculator-app

Write the function to calculate tip from the form inputs

Project folder: /tip-calculator-app