PinnedJennifer Fu’s Web Development PublicationsDevelopment series for React, JavaScript, TypeScript, CSS, node/npm, web frameworks, micro frontends, artificial intelligence, machine learning, and interview guides. NodeJS / NPM An In-Depth Explanation of package.json’s Dependencies How to Upgrade Dependencies in package.json Write and Debug JavaScript With NodeJS How to Use NVM to Manage Node.js 19 and NPM 9 6 Major…Web Development6 min readWeb Development6 min read
Published in JavaScript in Plain English·1 day agoMember-onlyEmbedding Google Forms in React AppsA comprehensive guide starting from embedding Google Forms as an iframe to any customized UI with styling and branding Have you ever built a website? Have you ever thought about contacting your users to get feedback? If your answer is yes to both of questions, there is a powerful tool…Google Forms10 min readGoogle Forms10 min read
Published in Better Programming·Mar 21Member-onlyMLflow Empowering AI TrainingMLflow is an open-source platform to manage the ML lifecycle — Introduction Artificial intelligence (AI) is intelligence — perceiving, synthesizing, and inferring information — demonstrated by machines. Today, AI is no longer profound technology in a science lab. …Mlflow21 min readMlflow21 min read
Published in JavaScript in Plain English·Mar 12Member-onlyHow To Embed a Prism Syntax Highlighter in React AppsPrism is a lightweight and robust JavaScript library that performs syntax highlighting for 297 languages Introduction An optical prism is a transparent optical element with flat, polished surfaces that are designed to refract light. A dispersive prism can be used to break white light up into its constituent spectral colors, i.e…Prism10 min readPrism10 min read
Published in JavaScript in Plain English·Mar 6Member-onlyExploring React Leaflet for Interactive MapReact Leaflet is a wrapper of Leaflet, a JavaScript library for mobile-friendly interactive maps — Introduction Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. It is designed with simplicity, performance, and usability in mind. React Leaflet provides bindings between React and Leaflet to come up with React components for Leaflet maps. There are two ways to use Leaflet:Maps14 min readMaps14 min read
Published in JavaScript in Plain English·Mar 2Member-onlyExploring Leaflet for Interactive Map in React AppsLeaflet is an open-source JavaScript library for mobile-friendly interactive maps — Web mapping or online mapping is the process of using maps, usually created through geographic information systems (GIS) on the Internet, more specifically in the World Wide Web. Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. It is designed with simplicity, performance, and usability in mind. …Maps15 min readMaps15 min read
Published in Better Programming·Feb 21Member-onlyAnt Design System Dark Mode and Other Theme CustomizationIt takes one line of code to set up dark mode for an Ant Design System app — Dark mode is a color scheme that uses light-colored text, icons, and UI elements on a dark background. The opposite color scheme is called light mode. As described in another article, dark mode is stylish and hip for some UI designs. …Ant Design12 min readAnt Design12 min read
Published in Artificial Intelligence in Plain English·Feb 13Member-onlyLearning Stable Diffusion With Hugging Face in 5 MinutesA simple way to build fancy images, fast and free. — Introduction Hugging Face is an open-source and platform provider of machine learning technologies. Hugging Face was launched in 2016 and is headquartered in New York City. We visited its booth at AI Hardware Summit and Edge AI Summit 2022. It is an amazing AI community that builds, trains, and deploys state…AI5 min readAI5 min read
Published in Artificial Intelligence in Plain English·Jan 31Member-onlyExploring OpenAI Whisper on Hugging FaceOpenAI Whisper is a general-purpose speech recognition model Introduction Whisper is another OpenAI product. It is a general-purpose speech recognition model, which is trained on various speech processing tasks, including multilingual speech recognition, speech translation, spoken language identification, and voice activity detection. …AI9 min readAI9 min read
Published in Better Programming·Updated Mar 4Member-onlyExploring OpenAI Point·E With Jupyter Notebook, VSCode, and ColabGenerate 3D models based on descriptions — Introduction Point·E is another OpenAI product. While DALL·E generates 2D images, Point·E generates 3D models. It is a system for generating 3D point clouds from prompts, where a point cloud is a discrete set of data points in space. 3D models are visual representations of point clouds. Point·E first generates a…OpenAI15 min readOpenAI15 min read
