feat: add FoodRater restaurant rating app and update skills with Firebase, Material Design, and RxJS

Author: davidagustin

README.md

@@ -1,6 +1,6 @@
 # David Agustin - Portfolio Website
 
-A modern, responsive portfolio website showcasing **13+ diverse projects** and **50+ technologies** across full-stack development, AI/ML, and modern web applications. Built with React, TypeScript, and Tailwind CSS featuring smooth animations and clean design.
+A modern, responsive portfolio website showcasing **14+ diverse projects** and **50+ technologies** across full-stack development, AI/ML, and modern web applications. Built with React, TypeScript, and Tailwind CSS featuring smooth animations and clean design.
 
 ## 🚀 Features
 
@@ -27,7 +27,7 @@ A modern, responsive portfolio website showcasing **13+ diverse projects** and *
 
 ## 🎯 Featured Projects
 
-This portfolio showcases **13+ diverse projects** built with modern web technologies and AI/ML frameworks:
+This portfolio showcases **14+ diverse projects** built with modern web technologies and AI/ML frameworks:
 
 ### ⚡ **TechStore - Computer Hardware Store** - E-commerce Platform
 - **Tech Stack**: SvelteKit 2.0, TypeScript, Tailwind CSS, Lucide Svelte, Azure Static Web Apps
@@ -89,6 +89,12 @@ This portfolio showcases **13+ diverse projects** built with modern web technolo
 - **Live Demo**: [https://netlify-practice-one.netlify.app](https://netlify-practice-one.netlify.app)
 - **GitHub**: [https://github.com/davidagustin/netlify-practice](https://github.com/davidagustin/netlify-practice)
 
+### 🍽️ **FoodRater - Restaurant Rating App** - Food & Rating Platform
+- **Tech Stack**: Angular 17, Firebase, TypeScript, Tailwind CSS, Material Design, RxJS
+- **Features**: Restaurant discovery, 5-star rating system, user authentication, real-time data
+- **Live Demo**: [https://fir-practice-54eb3.web.app/](https://fir-practice-54eb3.web.app/)
+- **GitHub**: [https://github.com/davidagustin/firebase-practice](https://github.com/davidagustin/firebase-practice)
+
 ### 🧩 **Sudoku Game** - Interactive Puzzle Game
 - **Tech Stack**: React 18, Express.js, Node.js, Webpack 5, Heroku, CSS3
 - **Features**: Three difficulty levels, real-time validation, interactive gameplay, modern UI/UX
@@ -234,18 +240,22 @@ This portfolio demonstrates expertise across **50+ modern web technologies**:
 ### Styling & UI
 - **Tailwind CSS** - Utility-first CSS framework
 - **Material-UI** - React component library
+- **Material Design** - Design system and components
 - **Sass** - CSS preprocessor
 - **Google Fonts** - Typography
 
 ### Backend & APIs
 - **Node.js** - JavaScript runtime
 - **Express.js** - Web application framework
+- **Firebase** - Backend-as-a-Service platform
+- **Firestore** - NoSQL cloud database
 - **REST APIs** - API development
 - **React Hooks** - Modern React state management
 
 ### State Management & Routing
 - **Pinia** - Vue.js state management
 - **Vue Router** - Vue.js routing solution
+- **RxJS** - Reactive programming library
 
 ### Build Tools & Development
 - **Vite** - Next-generation frontend tooling
@@ -274,6 +284,7 @@ This portfolio demonstrates expertise across **50+ modern web technologies**:
 - **Heroku** - Cloud application platform
 - **Digital Ocean** - Cloud infrastructure
 - **AWS** - Cloud computing platform
+- **Firebase Hosting** - Static site hosting and deployment
 
 ### DevOps & Tools
 - **Docker** - Containerization

asset-manifest.json

@@ -1,13 +1,13 @@
 {
   "files": {
-    "main.css": "/static/css/main.9f51176b.css",
-    "main.js": "/static/js/main.b70245b9.js",
+    "main.css": "/static/css/main.211f73c3.css",
+    "main.js": "/static/js/main.ae173ef8.js",
     "index.html": "/index.html",
-    "main.9f51176b.css.map": "/static/css/main.9f51176b.css.map",
-    "main.b70245b9.js.map": "/static/js/main.b70245b9.js.map"
+    "main.211f73c3.css.map": "/static/css/main.211f73c3.css.map",
+    "main.ae173ef8.js.map": "/static/js/main.ae173ef8.js.map"
   },
   "entrypoints": [
-    "static/css/main.9f51176b.css",
-    "static/js/main.b70245b9.js"
+    "static/css/main.211f73c3.css",
+    "static/js/main.ae173ef8.js"
   ]
 }

index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.b70245b9.js"></script><link href="/static/css/main.9f51176b.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.ae173ef8.js"></script><link href="/static/css/main.211f73c3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

src/utils/constants.ts

@@ -25,6 +25,7 @@ import {
   FaBolt,
   FaCar,
   FaPuzzlePiece,
+  FaUtensils,
 } from 'react-icons/fa';
 
 import type {
@@ -101,6 +102,8 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
       'TypeScript',
       'Tailwind CSS',
       'HTML5/CSS3',
+      'Material Design',
+      'RxJS',
     ],
     color: '#61DAFB',
   },
@@ -114,6 +117,8 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
       'REST APIs',
       'Database Design',
       'Authentication',
+      'Firebase',
+      'Firestore',
     ],
     color: '#339933',
   },
@@ -140,6 +145,7 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
       'Surge.sh',
       'Render',
       'Heroku',
+      'Firebase Hosting',
       'CI/CD',
       'Cloud Deployment',
     ],
@@ -354,6 +360,23 @@ export const PROJECTS: Project[] = [
   },
   {
     id: 13,
+    title: 'FoodRater - Restaurant Rating App',
+    description:
+      'A modern, responsive restaurant rating application built with Angular 17 and Firebase, inspired by Yelp. Features restaurant discovery, 5-star rating system, user authentication, real-time data, and beautiful UI with Material Design components.',
+    technologies: ['Angular 17', 'Firebase', 'TypeScript', 'Tailwind CSS', 'Material Design', 'RxJS'],
+    githubUrl: 'https://github.com/davidagustin/firebase-practice',
+    liveUrl: 'https://fir-practice-54eb3.web.app/',
+    icon: FaUtensils,
+    category: 'Food & Rating',
+    features: [
+      'Restaurant Discovery',
+      '5-Star Rating System',
+      'User Authentication',
+      'Real-time Data',
+    ],
+  },
+  {
+    id: 14,
     title: 'Sudoku Game',
     description:
       'A beautiful and interactive Sudoku game built with React and Express, deployed on Heroku. Features three difficulty levels (Easy, Medium, Hard), real-time validation, visual feedback with highlighted cells and error indicators, and modern UI with smooth animations.',

static/css/main.211f73c3.css

@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */