The latest articles on DEV Community by 闵杰 (@mjiee). https://dev.to/mjiee https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2896464%2F95ec4fc1-4e5e-4b84-ac68-acf56203b278.png https://dev.to/mjiee en 闵杰 Sun, 16 Mar 2025 02:45:14 +0000 https://dev.to/mjiee/a-backend-to-full-stack-savior-ai-revamps-the-app-interface-13hh https://dev.to/mjiee/a-backend-to-full-stack-savior-ai-revamps-the-app-interface-13hh <p>A Backend-to-Full Stack Savior: AI Revamps the App Interface<br> Recently, while diving into full-stack development, I created a desktop news app called <a href="https://github.com/mjiee/world-news" rel="noopener noreferrer"><strong>​World News</strong></a>. As a backend developer, UI design was my weakness, but with the help of AI, I quickly revamped the interface, giving the app a fresh new look and truly bridging the gap from backend to full stack.</p> <h2> Key Features: </h2> <ul> <li><p>Real-time global news with customizable sources.</p></li> <li><p>AI-powered news analysis and insightful commentary.</p></li> <li><p>Clean, intuitive interface with offline reading and multi-platform support.</p></li> </ul> <p>Before Refactoring</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgi2r0vai9jygac6h63z9.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgi2r0vai9jygac6h63z9.png" alt="Image description" width="800" height="627"></a></p> <p>After Refactoring</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbeza3e7i84tb6uauw0uz.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbeza3e7i84tb6uauw0uz.png" alt="Image description" width="800" height="794"></a></p> <p><strong>Tech Stack</strong>: Wails, Go, React<br> <strong>Open Source</strong>: <a href="https://github.com/mjiee/world-news" rel="noopener noreferrer">World News GitHub</a></p> <p>AI is a game-changer for backend developers transitioning to full stack, making it easier to build sleek, functional apps. Try ​World News today and experience the power of AI-driven innovation!</p> ai react go 闵杰 Mon, 24 Feb 2025 11:16:30 +0000 https://dev.to/mjiee/news-desktop-app-built-with-go-and-react-7d7 https://dev.to/mjiee/news-desktop-app-built-with-go-and-react-7d7 <p>Recently, I started self-learning full-stack development and experimented with the Wails framework. I ended up creating a desktop application for viewing news. For those looking to learn full-stack development, this project could be a helpful reference.</p> <h2> Tech Stack </h2> <ul> <li>Wails (Cross-platform desktop development)</li> <li>Go (Backend)</li> <li>React (Frontend)</li> </ul> <h2> Features </h2> <ul> <li>Fetch and view global news</li> <li>Support for configuring news data sources</li> <li>Multi-language support</li> <li>Cross-platform: Desktop and Web versions</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxnpmrwj4d5sgeh8cmlif.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxnpmrwj4d5sgeh8cmlif.png" alt="Image description" width="800" height="627"></a></p> <p>Project link (GitHub): <a href="https://github.com/mjiee/world-news" rel="noopener noreferrer">mjiee/world-news</a></p> go react fullstack tutorial