Skip to content

Elchicogamer117/FrontendPractices

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

69 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Home

The Web apps that you need test

These practices were made without any framework, the objective was improve the bases of HTML, CSS and JavaScript. You can see the results clicking here

Way of working

A similar methodology was followed in each practice:

  • First step: Define formulas
  • Second step: Implement formulas in JavaScript
  • Third step: Create functions
  • Fourth step: Integrate JS with HTML
  • Fifth step: Add style with CSS For the last step figma was used to design the interface base.

Practice 1: Geometric forms - GForms ๐Ÿ“

Do you need to confirm the area and/or perimeter of a basic form?

This is your web app, you can choose between a square, a triangle, or a circle ๐Ÿ˜ƒ GForm

You can see the wireframe here

Practice 2: Prices and discounts โ€“ How much pay? ๐Ÿงฎ

Do you find a great offer and you want to know how much youโ€™ll pay in the end?

Use this simple calculator to know it ๐Ÿค‘ Hmp

Practice 3: Mean, median and mode - MeMeMo ๐Ÿ“Š

Statistics homework?

This is a great tool to appreciate the behavior of a number list before different statistics ๐ŸŽ“ MeMeMo

You can see the wireframe here

Practice 4: Salary analysis ๐Ÿ“‰

Don't you know why is important to use different types of averages?

This web app allows you to see the importance of use the correct formula for determinate the average salary of a hypothetical city, adding new citizens with new salaries and watching how it affect each average ๐Ÿ’ธ Salary

You can see the wireframe here

Foreseeable evolution

As future work, we plan to do the following:

  • Implement DOM manipulation methods to improve user experience
  • Make a more complete salary analysis, including graphs and additional functions such as eliminating citizens.