Frontend Mentor - Todo app solution

This is a solution to the Tip Calculator App on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for the section depending on their device's screen size

Screenshot

Desktop

Mobile

Links

• Solution URL: Github repo
• Live Site URL: Tip Calculator App

My process

Built with

• React
• Flexbox
• Mobile-first workflow

What I learned

This is my first project with React. I learned how to use components, how it is works, how it comunicated with other components, use it states, handling events, rendering lists, and much more.

Continued development

I'm going dig deeper on React. Also I'm going read more about design pattern, data structure and algorithms to improve my code.

Useful resources

• React
• React-the-complete-guide

Teachers

• Maximilian Schwarzmüller Professional Web Developer and Instructor

• Conquering responsive layout by Kevin Powell - This helped me for to achive a better layout.

Author

• Website - Github
• Frontend Mentor - edgarfb
• Twitter - @edgarfb_ok

Acknowledgments

I really enjoined and I learned a lot about layout whith the content of Kevin Powell.
You guys can enroll on this course totaly free.