Caffiend

Caffiend is a coffee tracking web application built using React.js, FantaCSS, and Firebase. This app allows users to log their coffee consumption and track caffeine intake. The project demonstrates frontend development with React, styling with FantaCSS, and backend integration using Firebase for authentication and data storage.

Learning objectives

• React.js Basics (Components, Hooks, Props)
• React Context Hook for global state management
• Firebase Auth (Login / Sign Up) integration
• Firebase Firestore for data storage
• .env file for storing keys securely
• Layouting Responsive Web

Link resources

• FontAwesome CDN
• FontAwesome Icons
• FantaCSS
• Vite
• Firebase