martinnajjar12 / calories-frontend Goto Github PK

View Code? Open in Web Editor NEW

Calories Tracker is a web app, built with ReactJS for the frontend, Ruby on Rails for the backend. The idea of this app is that the user can submit how many Carbohydrates, Proteins and Fats he had in his day, and the app will calculate the amount of Calories he had taken that day and presented it in a nice way using percentage circular progress and a chart.

HTML 0.35% JavaScript 99.65%

calories-frontend's Introduction

Hey, Folks

📇 About me:

If you're looking for my personal Info:

  const personalInfo = {
    name: 'Martin Najjar',
    title: 'Full Stack Developer',
    specialTitles: ['Husband 🤵', 'Daddy 🧙‍♂️', ' Mentor 👨‍🏫', 'Hard worker 👨‍💻']
  };

And if you're wondering what are the technologies I use:

  const stack = ['HTML5', 'CSS3', 'Ruby', 'Ruby on Rails', 'JavaScript', 'TypeScript', 'ReactJS', 'React Native', 'NextJS', 'Redux', 'Bootstrap', 'Material UI'];

Who said I don't test my code?? Here are the techs I use for testing:

  const tests = ['RSpec', 'Capybara', 'ShouldaMatchers', 'Selenium', 'Jest', 'React Testing Library'];

I use Linters? Sure. Check this out:

  const myLinters = {
    htmlCss: ['Lighthouse', 'Webhint', 'Stylelint'],
    ruby: 'Rubocop',
    javasctip: 'ESLint',
    };

The tools I use? Here they are:

  const tools = ['Git', 'GitHub Actions', 'Azure', 'VSCode', 'Heroku', 'Netlify', 'Vercel', 'DevTools', 'PhotoShop'];

What about DevOps?

  const devOps = ['Professional Cloud Developer Certificated', 'GitHub CI/CD'];

How did I learn coding?? Well, this is the story:

  const education = {
    love: 'love? Yeah, you read it right. I fell in love with coding',
    oneMAC: 'Online Program by Udacity',
    Microverse: 'Full-time School'
    };