🚀 Just built a Weather Forecast App using a full-stack approach! I recently worked on a project where I combined Angular on the frontend with Python (FastAPI) on the backend to deliver real-time weather insights 🌤️ 🔹 What it does: Fetches weather data based on user input Displays temperature trends (min/max) Supports unit conversion (Celsius/Fahrenheit) Clean and responsive UI 🔹 Tech Stack: Frontend: Angular, TypeScript, Tailwind CSS Backend: Python, FastAPI APIs: Open-Meteo (weather + geocoding) Others: REST APIs, HTTP Client This project helped me strengthen my skills in API integration, full-stack development, and building responsive UIs. 🔗 Check it out here: [https://lnkd.in/gCHR2HwF] Would love your feedback and suggestions! 😊 #Angular #Python #FastAPI #WebDevelopment #FullStackDeveloper #Frontend #Backend #Projects #Learning #Portfolio
Angular Weather Forecast App with Python and FastAPI
More Relevant Posts
-
Hey network! 👋 As a Full Stack Developer juggling everything from Next.js interfaces to Python backend logic, my IDE is essentially my second home. Over the past few months [particularly, Since Antigravity released], I've spent a lot of time tweaking Antigravity to eliminate friction and fit my exact workflow. I decided it was time to share the wealth, so I just published a new blog post: "My Setup: Antigravity Extensions I Can't Live Without" 🚀 In the article, I break down the 9 tools that keep me productive, keep my code clean, and even keep me a little entertained during long debugging sessions (yes, digital pets are involved 🐶). Whether you're building out responsive web apps, bridging the gap with React Native, or diving deep into machine learning models, there's something in this list to supercharge your setup. Read the full breakdown here: https://lnkd.in/gBWBpq2S I'm always looking to upgrade my environment—what is the absolute first extension you install on a fresh machine? Let me know in the comments! 👇 #Antigravity #FullStackDeveloper #WebDevelopment #ReactJS #Python #DeveloperProductivity #Coding
To view or add a comment, sign in
-
The best version of my NestJS Clean Architecture template wasn't what I coded alone—it was what the community helped build. 🛠️ A while back, I shared my NestJS Clean Architecture template. Since then, I’ve been overwhelmed by the feedback and constructive suggestions from developers using it in their production environments. The consensus was clear: the architecture was solid, but it needed to be more "frictionless" for real-world scenarios. So, I’ve spent the last few days refactoring the template. This isn't just a patch; it's an architectural evolution based on real feedback: 🚀 Result Pattern Integration: Simplification was the number one request. By standardizing Result<T> and CoreResponse, I’ve moved error handling out of the controllers, allowing for much cleaner, more declarative code. ⚡ Better-SQLite3 Migration: Many users hit dependency issues with Python 3.13 and native sqlite3. By switching to better-sqlite3, the environment setup is now significantly smoother and more stable. ⚙️ Environment Resiliency: Added smarter config factory patterns to ensure safer defaults for production, keeping the template "secure-by-default." Building a template is one thing; maintaining it is where the real work happens. Thank you to everyone who reached out with feedback—you’ve made this version significantly more robust. If you’re looking to start a new NestJS project or want to see how to implement Clean Architecture properly, check out the updated repo. https://lnkd.in/gmWbc5Ev What features or pain points do you usually face when starting a new NestJS backend? Let me know in the comments! 👇 #NestJS #CleanArchitecture #TypeScript #OpenSource #BackendDevelopment #BuildInPublic
To view or add a comment, sign in
-
-
NestJS vs. FastAPI: Different Languages, Same Soul? 🤯 If you are moving from TypeScript to Python (or vice versa), you might be expecting a total culture shock. But if you look under the hood of NestJS and FastAPI, you’ll find they are actually long-lost twins. Here are the 4 ways they are practically the same: 1. The "Contract" (DTOs vs. Schemas) 🤝 In both worlds, we hate "guessing" what’s in a JSON body. NestJS uses DTOs (Class-validator). FastAPI uses Pydantic Schemas. Both ensure that if a user sends a string instead of a price, the API shouts "400 Bad Request" before your code even runs. 2. Dependency Injection (DI) 💉 Both frameworks move away from "Hardcoding" dependencies. In NestJS, you inject services into constructors. In FastAPI, you use the Depends() function. This makes swapping a "Mock Database" for a "Production Database" a breeze during testing. 3. Decorators are King 👑 Whether it’s @Get() in NestJS or @app.get() in FastAPI, both use decorators/annotations to handle the heavy lifting of routing and metadata. It keeps the code readable and declarative. 4. Built for Speed (Async/Await) ⚡ Both are "non-blocking" by nature. NestJS rides on the Node.js Event Loop, while FastAPI is built on Python’s anyio/asyncio. They both handle thousands of concurrent connections (like search queries) without breaking a sweat. The Real Difference? It's all about Freedom vs. Structure. NestJS is "Opinionated." It tells you exactly where to put your files (Modules, Controllers, Services). Great for big teams! FastAPI is "Unopinionated." It gives you the tools but lets you decide the structure. Great for speed and AI integration! The takeaway? If you master the concepts in one, you’ve already mastered 80% of the other. The syntax is just a detail. #WebDev #FastAPI #NestJS #Python #TypeScript #SoftwareArchitecture #Backend #CodingTips
To view or add a comment, sign in
-
🚀 Stop Guessing: Django vs. Node.js in 2026! Which one is actually winning the backend war? 🧐 Choosing the wrong backend stack can cost you months of refactoring. I’ve broken down the Top 10 Key Differences between the two giants: Django (The Python Powerhouse) and Node.js (The JavaScript Speedster). Whether you are building a data-heavy AI app or a high-traffic real-time chat, the choice isn't always obvious. Inside this carousel: ✅ Architecture: MVT vs. Event-Driven ✅ Performance: CPU-bound vs. I/O-bound ✅ Security: Built-in vs. Manual ✅ Scalability: Vertical vs. Horizontal The Bottom Line: There is no "better" framework—only the right tool for your specific problem. 👇 Which one are you using for your next project? Let’s discuss in the comments! #WebDevelopment #Backend #Django #NodeJS #Python #JavaScript #CodingTips #FullStack #SoftwareEngineering #TechTrends2026 #Programming #WebDev #GeeksforGeeks
To view or add a comment, sign in
-
Day 8 - React? Next.js? Nah. I built a full news aggregator with Django templates. Server-side rendering. Zero JavaScript. Real API data. 🚀TechFromZero Series - DjangoFromZero 🌐 Try it live: https://lnkd.in/dPHzUe8P This isn't a Hello World. It's a real server-rendered news aggregator: 📐 GNews API → Django Views → Templates → HTML → Browser (zero JS, full SSR) 🔗 The full code (with step-by-step commits you can follow): https://lnkd.in/dgPCtex7 🧱 What I built (step by step): 1️⃣ Project scaffold — Django project with config/ layout and .env secrets 2️⃣ Settings deep dive — env vars, WhiteNoise, template dirs, static files 3️⃣ News app — Django's modular app architecture with AppConfig 4️⃣ GNews API client — isolated external API calls in one file 5️⃣ Home page — template inheritance, function-based views, dark theme CSS 6️⃣ Article detail — custom |timeago template filter, URL parameters 7️⃣ Search + categories — GET params, path routing, category pills 8️⃣ Production polish — custom 404, CSRF, SSL proxy headers 9️⃣ Render deploy — gunicorn, collectstatic, render.yaml as Infrastructure as Code 🔟 Full README — quickstart, architecture diagram, step-by-step guide 💡 Every file has detailed comments explaining WHY, not just what. Written for any beginner who wants to learn Django by reading real code — with full clarity on each step. 👉 If you're a beginner learning Django, clone it and read the commits one by one. Each commit = one concept. Each file = one lesson. Built from scratch, so nothing is hidden. 🔥 This is Day 8 of a 50-day series. A new technology every day. Follow along! 🌐 See all days: https://lnkd.in/dhDN6Z3F #TechFromZero #Day8 #Django #Python #ServerSideRendering #GNewsAPI #Render #LearnByDoing #OpenSource #BeginnerGuide #100DaysOfCode #CodingFromScratch
To view or add a comment, sign in
-
-
Lately I have been working on building crazy looking websites using streamlit, and i'll let you guys know the crazy secret on how to build amazing ,animated looking web apps Streamlit is a Python framework used to build interactive web apps for data, ML, and dashboards without needing frontend skills. You write pure Python Streamlit automatically creates the UI in the browser, Every time your code runs, the UI updates instantly In simple terms: Python code - Streamlit - Web app UI What is import streamlit.components.v1 as components (The crazy secret) This line imports the Components API of Streamlit. import streamlit.components.v1 as components What it does: Gives you access to functions that allow custom HTML, CSS, and JavaScript Lets you go beyond Streamlit’s built-in UI Why you need it Normally Streamlit: Does not allow JavaScript Controls UI rendering With components: You can run HTML + CSS + JS Embed custom frontend code Use external libraries #data #streamlit #cloud #dataengineer #cloudengineer
To view or add a comment, sign in
-
-
I recently developed a web application inspired by a real café, Croffle Guys in Matunga, focusing on building a complete end-to-end system using Django. 🔹 Key Features: • User authentication (register, login, logout) • Dynamic menu display with search functionality • Cart system with add/remove and quantity controls • Order placement with total price calculation • Table booking system with date, time, and guest count • User-specific data handling (orders, cart, bookings) 🔹 Tech Stack: • Backend: Django (Python) • Database: SQLite • Frontend: HTML, CSS, Bootstrap • Media handling for product images 🔹 How I built it: I designed the project by structuring models for menu items, cart, orders, and bookings. Then implemented views to handle business logic like cart management and order processing. Authentication was integrated using Django’s built-in user system. The frontend was developed using Bootstrap for a clean and responsive UI. 🔹 What I learned: • Designing real-world database models and relationships • Handling user sessions and authentication securely • Implementing full CRUD operations in Django • Managing cart logic and order workflows • Building a user-friendly interface with backend integration This project helped me understand how real-world web applications work, from user interaction to database operations. Live Demo: https://lnkd.in/dEUej_D9 Would love feedback and suggestions for improvement! #Django #Python #WebDevelopment #FullStack #Backend #Projects #Learning
To view or add a comment, sign in
-
🦀 I just published my first Medium article — and it's about building React from scratch in Rust. As a React developer with 5+ years of experience, I always knew *how* to use React — but I never truly understood what was happening underneath. So I decided to find out the only way that really works: build it myself. In this project (and article), I built: → A Signal system — fine-grained reactive state (like useState, but lower level) → A Virtual DOM with a diff/patch engine — exactly what React's reconciler does → An rsx! macro — how JSX works as a compiler transform, built in Rust → A component architecture + dev server with auto-rebuild on save All of it compiled to WebAssembly and running live in the browser. Writing this taught me more about React in one week than 5 years of using it did. I also used Cursor (an AI-powered IDE) as a learning companion — not to write the code for me, but to help me understand Rust concepts in real time. Think of it like having a senior engineer next to you who never gets tired of explaining things. Full article here 👇 https://lnkd.in/dNuW7XkW If you're a React developer curious about what's under the hood — this one's for you. #Rust #WebAssembly #React #Frontend #LearningInPublic #Cursor #Programming
To view or add a comment, sign in
-
🚀 The Web Development Journey — From Basics to Powerhouse Every developer starts somewhere… and the journey is always worth it. 🔹 HTML – The skeleton. Simple, raw, but the foundation of everything. 🔹 CSS – Bringing design to life. From plain structure to something beautiful. 🔹 JavaScript – Adding logic and interactivity. Now things actually work. 🔹 Node.js – Taking things to the backend. Real-world applications begin here. 🔹 MongoDB – Managing data like a pro. Scaling systems to handle real users. 🔹 Python – Unlocking automation, AI, and advanced problem-solving. 💡 The truth? At the start, everything feels basic… but step by step, you build something powerful. Consistency > Perfection. Keep learning. Keep building. Keep shipping. 🚀 #WebDevelopment #Programming #JavaScript #NodeJS #MongoDB #Python #CodingJourney #Developers #TechCareer
To view or add a comment, sign in
-
Explore related topics
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development