--- title: Creating a resume builder with React, NodeJS and AI 🚀 description: Learn how to create a resume builder using React, Node.js, and the OpenAI API. Set up the server and React application, upload images, communicate with the... canonical: https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Creating a resume builder with React, NodeJS and AI 🚀 | daily.dev og:description: Learn how to create a resume builder using React, Node.js, and the OpenAI API. Set up the server and React application, upload images, communicate with the... og:url: https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc og:image: https://api.daily.dev/og/posts/GnkTTwgdC.png og:image:alt: Creating a resume builder with React, NodeJS and AI 🚀 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Creating a resume builder with React, NodeJS and AI 🚀 **[Community Picks](https://daily.dev/sources/community)** · 15 min read · 252 upvotes · 13 comments ## Summary Learn how to create a resume builder using React, Node.js, and the OpenAI API. Set up the server and React application, upload images, communicate with the OpenAI API, display the response, and print React pages. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@nikhilraikwar** · 3 upvotes > Awesome project **@robus** · 3 upvotes > This is very creative. **@lvieira268** · 2 upvotes > Nevo David always with the best tutorials. **@kapuchon** · 1 upvotes > Very creative. Nice use of ChatGPT ! **@amy11** · 1 upvotes > I like it 🙏 ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#nodejs](https://daily.dev/tags/nodejs), [#openai](https://daily.dev/tags/openai) [View this post on daily.dev](https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Creating a resume builder with React, NodeJS and AI 🚀","url":"https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc"},"datePublished":"2023-02-20T13:55:25.687Z","dateModified":"2024-04-09T14:58:04.405Z","description":"Learn how to create a resume builder using React, Node.js, and the OpenAI API. Set up the server and React application, upload images, communicate with the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/84c8abc08d1b5f414c8189af62015a31?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/84c8abc08d1b5f414c8189af62015a31?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":13,"discussionUrl":"https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":252},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":13}],"keywords":"react,nodejs,openai","timeRequired":"PT15M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Creating a resume builder with React, NodeJS and AI 🚀"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/creating-a-resume-builder-with-react-nodejs-and-ai--gnkttwgdc","comment":[{"@type":"Comment","text":"Awesome project","datePublished":"2023-02-21T09:47:01.499Z","url":"https://daily.dev/posts/GnkTTwgdC#c-4WB4OLaYQ","author":{"@type":"Person","name":"NIKHIL RAIKWAR","url":"https://daily.dev/nikhilraikwar","image":"https://avatars.githubusercontent.com/u/70462831?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"This is very creative.","datePublished":"2023-02-20T14:56:19.496Z","url":"https://daily.dev/posts/GnkTTwgdC#c-8PD5ISAJ9","author":{"@type":"Person","name":"Kuldeep Bhatt","url":"https://daily.dev/robus","image":"https://avatars1.githubusercontent.com/u/1011504?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Nevo David always with the best tutorials.","datePublished":"2023-02-20T17:47:02.815Z","url":"https://daily.dev/posts/GnkTTwgdC#c-23qrNn4zP","author":{"@type":"Person","name":"Letícia Vieira","url":"https://daily.dev/lvieira268","image":"https://media.daily.dev/image/upload/s--sPEYL0Cc--/f_auto/v1748481636/avatars/avatar_W8GYBGLXLdYqDHxQSGLE0?_a=BAMClqUq0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Very creative. Nice use of ChatGPT !","datePublished":"2023-02-21T08:12:36.021Z","url":"https://daily.dev/posts/GnkTTwgdC#c-yrzMjJU5s","author":{"@type":"Person","name":"Stian","url":"https://daily.dev/kapuchon","image":"https://lh3.googleusercontent.com/a/ALm5wu1MsJIUCS1VAe-RADcZW9dyBvqqvVHTqk_Dhc-S=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"I like it 🙏","datePublished":"2023-02-20T15:56:40.238Z","url":"https://daily.dev/posts/GnkTTwgdC#c-lS9iv0T3s","author":{"@type":"Person","name":"Amy","url":"https://daily.dev/amy11","image":"https://media.daily.dev/image/upload/v1668152747/avatars/avatar_gtwj6vkAfBFpXng6dO6Op.jpg"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```