Fake News Detection Web App Built with Machine Learning and React

🚀 Built my first AI-powered Full Stack Application! I’ve just completed a project where I integrated AI into a real-world web app using: 🧠 **AI (Gemini API)** ⚙️ **Backend:** FastAPI (Python) 💻 **Frontend:** React.js --- ### 🔍 What the app does: It’s an **AI News Personalizer** that: * Fetches latest news articles 📰 * Uses AI to generate: * 📄 Summary * 📌 Key bullet insights * 💡 “Why it matters” * 🎭 Tone analysis * Displays everything in a clean React UI --- ### 🧠 Key Learnings: * How to integrate AI APIs into backend services * Structuring AI responses into usable JSON * Handling real-world issues like: * CORS errors * API response mismatches * Frontend-backend integration * Converting raw AI output into meaningful UI --- ### ⚡ Tech Stack: * FastAPI (Python) * React.js (CRA) * Axios * Gemini API --- This project helped me understand how AI can be used beyond chatbots—into real products. More improvements coming soon: * 🔍 Personalized feeds * 🎯 Explain levels (ELI5 / Expert) * ❤️ Save & bookmark --- 🔗 I’d love feedback and suggestions! #AI #FullStackDevelopment #ReactJS #Python #FastAPI #MachineLearning #WebDevelopment #Projects

your model can be perfect. your RAG pipeline can be clean. your embeddings can be tuned. but if your UI is a mess, nobody will use it. so here's the honest breakdown of how I think about building web interfaces as an AI engineer in 2026: Streamlit - my default for internal tools and demos if I'm showing something to a client or testing an idea fast, Streamlit wins every time. 10 lines of Python and you have a working app. the tradeoff? it looks like every other AI demo on the internet. Gradio - for ML model demos specifically Hugging Face made this the standard for sharing models. great for quick inference UIs. not great for anything complex. Next.js + React - when it actually needs to ship if the product is real, this is where I land. React is still the most hired framework in the market and Next.js is basically the default stack for startups in 2026. server components changed everything. FastAPI + any frontend - the AI engineer's power move your backend is already Python. FastAPI gives you a production-ready API in minutes. pair it with anything on the frontend. you don't need to master all of these. Streamlit gets you 80% there for AI demos. Next.js gets you the remaining 20% when you're shipping to real users. the best stack is the one you can actually build fast in. what's your go-to for AI project UIs? genuinely curious 👇 #AIEngineering #WebDevelopment #BuildInPublic #Python #React

🚀 Boston House Price Prediction App | Full-Stack ML Project Excited to share my latest project where I built a complete end-to-end Machine Learning application to predict house prices using the Boston Housing dataset. 🔹 Project Overview This application uses Linear Regression to estimate housing prices based on features like crime rate, number of rooms, and property tax. It demonstrates how ML models can be integrated into real-world applications with a smooth user experience. 🔹 Tech Stack Used - Frontend: React.js - Backend: Node.js & Express.js - ML Service: Python (Scikit-learn) 🔹 Key Features ✔️ Interactive UI for user inputs ✔️ Real-time predictions via API ✔️ Clean architecture (Frontend + Backend + ML service) ✔️ RESTful communication between Node.js and Python 🔹 What I Learned - Integrating ML models into full-stack apps - Connecting Node.js with Python services - Structuring scalable applications - Turning theory into practical solutions 📌 Feel free to check it out and share your feedback! #MachineLearning #LinearRegression #FullStackDevelopment #ReactJS #NodeJS #Python #ScikitLearn #DataScience #AI #WebDevelopment #SoftwareEngineering #MLOps #100DaysOfCode #TechProjects

🤖 What if your browser could think? No Python. No heavy backend. Just JavaScript running machine learning models directly in the browser. Sounds futuristic? It’s already happening. 🚀 JavaScript for Machine Learning: The New Frontier With tools like TensorFlow.js, developers can now build and run ML models on the client-side—in real time. That means: ✔ No server dependency ✔ Faster predictions ✔ Better privacy (data stays on-device) ✔ Interactive, intelligent web apps From image recognition to sentiment analysis, JavaScript is no longer “just for UI”—it’s becoming a full-stack AI tool. 💡 Where You Can Use It 🧠 Image classification in web apps 🎤 Voice recognition & commands 😊 Sentiment analysis for user feedback 🎮 AI-powered browser games 📊 Smart dashboards with predictive insights 💡 Practical Tips to Get Started 🔹 Start with pre-trained models Don’t train from scratch. Use existing models for faster results. 🔹 Optimize for performance Use smaller models or quantized versions to avoid slowing down the browser. 🔹 Leverage WebGL TensorFlow.js can use GPU acceleration—huge boost for performance. 🔹 Handle async operations properly ML tasks can be heavy—use async/await to keep UI smooth. ✨ Pro Tip: Think experience-first, not just accuracy. 👉 A slightly less accurate model that runs instantly often beats a perfect model that lags. 🔥 Why This Matters We’re entering a world where apps don’t just respond—they predict, adapt, and learn. And JavaScript developers are no longer limited to front-end logic… They can now build intelligent, AI-powered experiences directly in the browser. 💬 Let’s discuss: If you could add AI to one of your web projects today, what would it do? #JavaScript #MachineLearning #TensorFlowJS #WebDevelopment #AI #FrontendDev #Tech #Innovation #CodingTips

🚀 Excited to share my latest project: An AI-Powered Fake Account Detection Platform! 🚀 With the rise of bots and fake profiles, maintaining trust and authenticity on social platforms has never been more challenging. I wanted to tackle this problem head-on, so I built a full-stack AI solution designed to identify and flag suspicious accounts in real-time. 🕵️♂️💡 ✨ Key Features: 🔹 Machine Learning Engine: Built a custom Python ML model that analyzes user behavior and profile metadata to detect anomalies. 🔹 Real-Time Analysis Dashboard: A sleek, intuitive React frontend displaying threat levels, detection history, and analytics. 🔹 Admin Audit System: Comprehensive admin tools for reviewing flagged accounts and tracking system logs. 🔹 Robust Backend API: Node.js backend seamlessly bridging the gap between the React frontend and Python ML predictive models. 🛠️ Tech Stack: Frontend: React, Vite, CSS Modules Backend: Node.js, Express Machine Learning: Python, Scikit-Learn Deployment: Docker, Render (Backend), Netlify (Frontend) Building the bridge between a Node.js API and a Python ML environment using Docker was an incredible learning experience! I’d love to hear your thoughts or feedback. Check it out below! 👇 🔗 Live Demo: https://lnkd.in/gh8-ucfe 💻 GitHub Repository: https://lnkd.in/gSUmBAT5 #MachineLearning #ArtificialIntelligence #WebDevelopment #ReactJS #NodeJS #Python #Cybersecurity #FullStack #SoftwareEngineering #DataScience

🚀 AI Tool for Developers: Streamlit Recently explored Streamlit, a powerful Python framework used to build and deploy data-driven web applications quickly. 💡 How it works: 🔹 Build web apps using pure Python 🔹 Convert ML models into interactive apps 🔹 Add inputs, buttons, and charts easily 🔹 Deploy apps without complex frontend 💡 Benefits: ✅ Fast AI app development ✅ No need for HTML/CSS/JS ✅ Great for showcasing ML projects ✅ Used in real-world applications As someone learning AI & Machine Learning, tools like Streamlit help me turn models into real applications. Building and deploying AI apps is becoming easier 🚀 Have you tried Streamlit or similar tools? #AI #Streamlit #Developers #MachineLearning #Python

Excited to Share My Latest Project! I’m proud to present SmartCodeFixer – AI-Based Code Error Detection & Fixing System 💻 This project is designed to help developers automatically detect coding errors and provide intelligent suggestions to fix them, improving efficiency and reducing debugging time. 🔹 Tech Stack: • Python • Machine Learning / AI • Flask / Backend Integration • HTML, CSS, JavaScript (Frontend) 🔹 Key Features: • Automatic code error detection • Smart suggestions for bug fixing • Clean and user-friendly interface • Faster debugging workflow 🔹 What I Learned: • Applying AI concepts to real-world problems • Building full-stack applications • Improving problem-solving and debugging skills 🔗 GitHub Repository: https://lnkd.in/gmjfqJ2v #ArtificialIntelligence #MachineLearning #Python #WebDevelopment #Innovation

What if your journal could write back? 🌸  I built MindEase API ... a mood journaling backend where an AI therapist named Luna responds to how you feel. In under a second. No login. No setup. Just send an emoji + your thoughts… and Luna takes care of the rest. 💬 3 Simple Endpoints 1. Talk to Luna Send your emoji + message → Luna replies instantly using GROQ’s llama-3.1-8b-instant. The entry saves automatically. And if GROQ has a bad day? I built a graceful fallback. No crashes. Ever. 2. Your Mood History GET all your past entries — newest first. Every conversation with Luna. One call. 3. Luna’s Weekly Letter This one hits different. Luna reads your entire week. Spots your dominant emoji. Calculates your streak. Then writes you a personal letter — starting with “Dear friend,” and ending with “— Luna 🌿” One message isn’t a week. She needs at least 2 entries. 🔧 Under the Hood Django REST + DRF serializers for clean validation GROQ llama-3.1-8b-instant — fast, free, and incredibly warm drf-spectacular for auto Swagger + ReDoc Custom prompts — Luna writes differently in chats vs weekly letters DB indexing on user_id because slow queries are a choice GROQ key in Railway env vars (never in code) 🔗 Try It and check out the source code if you want https://lnkd.in/d8fSmszF https://lnkd.in/dDAz2kMB API Diagram in the first comment 👇 Next post .... the Flutter app I built on top of this API 🔥 Stay tuned. #Django #DjangoRestFramework #Python #GROQ #GenerativeAI #BuildInPublic #Flutter #FlutterDev #BackendDevelopment #APIDesign #Portfolio #DevCommunity #100DaysOfCode #MindEase

Built an Advanced Personal Assistant from scratch. Here's what it actually does. Started with a blank Next.js project and a FastAPI skeleton. The result is Ava — an AI assistant that reasons, remembers, and acts across sessions. The stack: Next.js 16 · FastAPI · SQLite · Groq API · Python Groq handles inference at blazing speed. Everything else — memory, plugins, sessions, file operations — runs on your own machine. ● Agentic tool calling: The LLM doesn't just respond — it decides. Every message goes through an orchestration loop that determines whether to answer directly or invoke a tool. Weather, time zones, calculations, web search, GitHub stats, crypto prices — all fire as live tool calls with transparent execution blocks in the UI. ● Multi-model fallback cascade: If the primary model hits rate limits, the system silently falls back through a chain of models without breaking the conversation. The user never sees an error. ● Code execution: Ava writes Python, runs it in a sandboxed subprocess, reads the output, fixes errors, and iterates — all in a single turn. The full execution trace is visible inline . ● Persistent memory: After every conversation, a background extraction pass pulls facts, preferences, and events into a structured vault. Location, tech stack, habits — remembered across sessions without any manual tagging. ● Voice and Vision: Push-to-talk via MediaRecorder piped to Groq Whisper for transcription. Image upload routes to a vision model for analysis, OCR, and structured extraction. ● Dynamic plugin system: Install and uninstall tools at runtime. Register a custom skill by uploading a markdown file — the parser extracts the schema and makes it callable immediately, no backend changes required. ● Session archive: Every conversation is stored and browsable. Restore any past session back into the live chat with one click. The hardest parts were never the features themselves. They were the details — preventing tool call JSON from truncating mid-generation, stripping internal reasoning tokens before they reach the UI, making a free tier feel unlimited through intelligent model routing. The gap between a working demo and a reliable product is where most AI projects fall apart. This one doesn't. Happy to go deep on any part of the architecture in the comments. #llm #nextjs #fastapi #python #ai #groq #softwaredevelopment #webdevelopment

I built a Smart Atomic Habit Tracker using Python and Streamlit. And it changed how I think about discipline. Most people don’t fail because they lack motivation. They fail because they don’t track consistency. So I built something simple — but powerful: 🧠 Atomic Habit Tracker App 💡 What it does: • Add daily habits in seconds • Track streaks automatically 📈 • Visual progress insights • AI-based improvement suggestions 🤖 • Clean, distraction-free UI ⚙️ Tech Stack: Python • Streamlit • Logic-based tracking • Deployed on cloud 📌 What I learned: • Building real-world logic with Python • Turning ideas into usable apps • Debugging like a developer • Deploying end-to-end projects 🔥 This project reminded me: “Small habits are easy to ignore, but powerful when tracked consistently.” 🚀 Still improving it with more AI features and smarter insights. 🔗 GitHub: https://lnkd.in/dsq8zDba 🔗 Live App: https://lnkd.in/dkzc6b6a If you’re building in public too — keep going. Consistency wins. #Python #AI #Streamlit #MachineLearning #BuildInPublic #Coding #Projects #DeveloperJourney