Udemy - Calorie Tracker

This project is taught by instructor Juan Pablo De la torre Valdez through the Udemy platform. Udemy offers a wide range of online courses across various disciplines, allowing individuals to learn new skills and advance their knowledge at their own pace.

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
• Author

Overview

Screenshot

Links

• Live Site URL: (https://calorietracker-javierdesant.netlify.app/)

Built with

• Flexbox
• CSS Grid
• React - JS library
• Vite - Build tool
• Tailwind CSS - For styles

What I learned

In this project, I learned the following:

• Understanding TSX Syntax
• Building applications with Component-Based Architecture
• Managing Props and State effectively
• Implementing the useReducer hook for complex state logic
• Handling Actions in state management
• Initializing State with local storage
• Utilizing React Hooks
• Creating Custom Hooks in React
• Defining Custom Types and Interfaces with TypeScript
• Using Tailwind CSS classes for styling
  • Applying utility-first classes for layout and design
  • Customizing components with Tailwind's configuration
  • Leveraging responsive design utilities

Author

• LinkedIn - Javier de Santiago Soto
• Frontend Mentor - @javierdesant