Turn Your Resume Into a Portfolio Website Using AI - No Coding Needed | Nikhil Kumar | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Turn Your Resume Into a Portfolio Website Using AI - No Coding Needed

teacher avatar Nikhil Kumar, Google Certified AI Expert

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      1:34

    • 2.

      Generating Prompts with ChatGPT

      10:23

    • 3.

      Creating Website with AI

      16:54

    • 4.

      Where to use these Links?

      2:41

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

58

Students

1

Projects

About This Class

Turn Your Resume Into a Professional Portfolio Website Using AI (Lovable.dev) — No Coding Needed

Want to stand out, get noticed, and upgrade your career fast?
In this class, you’ll learn how to transform a simple resume into a beautiful, job-ready portfolio website—automatically—using AI tools like Lovable.dev.

Whether you’re a job seeker, creative professional, student, freelancer, or someone switching careers, this beginner-friendly class will show you how to create a personal website that highlights your skills without needing any technical or design experience.

By the end of the class, you’ll have a fully published portfolio website, customized with your experience, projects, images, and personality—live and ready to share with employers, clients, and your network.

🌟 What You’ll Learn

This class is designed to be fast, hands-on, and incredibly practical.
You’ll learn how to:

✔ Upload your resume and generate a complete website with AI

Turn your existing resume into a clean, modern portfolio layout instantly.

✔ Customize your AI-generated website

Edit your page sections, colors, layout, images, and content—visually, with no coding.

✔ Structure a high-impact portfolio

Learn what to include (and avoid) to impress hiring managers and clients.

✔ Use AI tools to rewrite your resume content for the web

Improve clarity, storytelling, and presentation using optimized prompts.

✔ Add projects, case studies, and achievements

Showcase your best work—even if you’re a beginner or have no portfolio yet.

✔ Connect your domain and publish your website live

Launch your site for the world to see in minutes.

✔ Bonus: Build a personal brand that gets attention

Learn simple strategies to make your website memorable and professional.

🎓 Who This Class Is For

This class is perfect for:

  • Anyone who wants a portfolio website but doesn’t know where to start

  • Job seekers who need a strong online presence

  • Designers, developers, marketers, writers, or creatives

  • Career changers transitioning into tech or digital roles

  • Students and new graduates building their first portfolio

  • Freelancers who want a simple, fast website

  • Anyone curious about AI tools, automation, and no-code website builders

No experience required. No design skills needed. No coding.

💡 Tools Used in This Class

We’ll use:

  • Lovable.dev (AI website builder)

  • Optional: Canva or ChatGPT for images and copywriting

  • Domain & hosting (optional but recommended)

Everything we use is beginner-friendly and explained step-by-step.

Why This Class Works

Unlike traditional web design tutorials that take hours or require coding, this class uses AI automation to create your website in minutes. You focus on what matters most—your story, your experience, your work.

This is the fastest and easiest way to build a portfolio website today.

Meet Your Teacher

Teacher Profile Image

Nikhil Kumar

Google Certified AI Expert

Teacher
Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Let's be honest, your resume is not a problem. The problem is it looks exactly same like everyone else's. Same PDF, same Minton, same responsible team player wiles. In this stack of almost 200 identical CVs, you are not just competing on skills. You are competing on visibility. You would have noticed almost every job application has a website, text field that you can fill. Pin it blank doesn't reduce your chances, but putting something in the website field will definitely increase your chances to get selected. As a hiring manager myself, I've seen thousands of applications. But whenever there is a website, I make sure I look into it. It is more about a person just than their resume. We know there are many limitations in the resume, like it should have only two page. You should only put important points on that, but website tells us a lot about a person. You know you are better than your resume, but most of the recruiters look at it just like another CV. And in this class, we are going to change that. I'm going to show you how to turn your resume into a live personal website using something I call be coding, which basically means you describe the vibe and AI writes the code. And no you don't have to become a you don't have to learn even a single line of code. If you can just copy and paste and describe what exactly you want, you can do it. I'm Niko teacher and I work at the intersection of marketing product and AI, and I have been using Poding to build real websites without ever writing a single line of a code. This class is built for non coders. If you have a resume, even a messy one, you are ready to start and I will see you inside the class. 2. Generating Prompts with ChatGPT: Hello, and I welcome you to this course. As you do from the descriptions, the tool that we are going to use is lovable. But before that, we have to use CharPT to give the whole structure to our website. Basically in this class, we'll be using three things. The first one is creating a persona. Persona is an example of the person who would be hiring you. Usually, it will be a hiring manager. Basically, it will be brainstorming with CHAPT that how your hiring manager thinks or what kind of company should work with you based on your resume. Second thing we are going to do is create the structure of the website with amazing headlines. The third thing is creating a prompt that we will be giving to lovable to create our final website. We are at Chat GPT, and this is the first prom that we are going to use. I'll give you the whole context what I have added as well as there are few attachments that you can see, we will be adding that as well. You can see the prompt over here, which I'll add in the resources. You are a marketing strategist and a digital entrepreneur with ten years of experience in building learning pages and websites. Let's add here, building high converting landing pages and websites. Please create a persona for my website or landing page. Who would hire me? The first thing we are going to do is create a persona, basically, who would be our hiring manager, how they think, or what they do in their day to day life. So I've also given a one liner about me. I'm a growth and marketing expert who has eight years of experience working with startups. I'm an expert in performance marketing more about me in the task files. Now there are few attachments that you would see over here and the model I usually use thinking model over here. By default, it will be selected Auto or Astern for some people. But if you have a pro plan or if it is also available in the free plan, I would always suggest you to go with thinking because then Char PT takes more time and comes up with great answers. Let's start with the attachment, what I have added over here. The first thing is all my resumes. One of them is this one is the latest resume that I have. I think it's this one over here which looks very plain and simple and Idly I think your resume also would look something like this. Then the other attachment that I have added is my Linden profile. I could have directly given the Linden link, but we are not very sure if Chat GPT would have been able to scrape all of the information on my LinkedN. My LinkedIn is pretty much filled. There are all the details and I post quite regularly and then my experience, I have added everything. I mean, come on, guys, we are in the era of Chat GPT and your Linden should be also full of content over here. That helps people to search you better. I in case if someone writes marketer in Bengaluru Kanataka India, it's highly likely that I would come up in their result. How do we download our LinkedIn profile? Just go to your profile page and click on the three dots over here and then click on Save to PDF. You will have something like this. So this was my headline, which you can see it is matching with this over here, and then I have all the details, all the summary, all the experience, right? So I'm giving complete context to hat GPT so that it doesn't miss anything. Then the other one is my latest resume, which has a few more numbers over here. And then I also have a portfolio. I think even you would have a portfolio if you are into freelancing or something, or presentation kind of a thing. This is a basic presentation that I had created. If you don't have, it's really fine. Okay, so it's back with the response over here. The ideal client persona for you, one is Arjun Mata, founder and CEO or head of growth and Marketing. These are the people who would ideally hire me. They can be a founder or directly head of growth or marketing and who has monthly ad budget of let's say $30, right? And company context over here that product has some traction, but growth is inconsistent. This creates a document where I can help people, who needs my help, who exactly needs my help. This kind of company, I would fit right into it that who have seen some traction but growth is inconsistent, then they have done DYI ads or work with junior marketer or agency before, but they are unhappy. Now I as an expert with eight years of experience, I can definitely help them. I have worked mostly with At Tech, ideally, I think it has taken somewhere from my resume. These are my ideal clients. You can see what are their goals, their pain points, that agencies chase clicks, not outcomes, fragmented funnels, clear tracking and attribution. You can see it also gives a resource reference where exactly it has picked all of these pointers. Mindset what triggers him to high specifically. There are key all of these pointers will be used to create a perfect messaging in our website so that we hit right into their mindset that, Oh, I should hire this guy right away, right? Because we already know what are their pain points, right? So what objections these people would have? All of these will be taken care on our website. Now let's move on to the next prompt. This is our next prompt which says, thank you. Now please build a complete landing page structure with all details based on the persona you just created. We have our persona over here. I would like you to write this landing page or website. Like a direct response marketer would or copywriter. What is direct response marketing? It's something which triggers someone to take immediate action. For example, if they visit your website, ideally they would contact you immediately or book a call with you. That's how direct response marketing works, which is immediate and action specific. Now let me just hit Enter over here. So now we have our answer ready and you can see the beauty of thinking model is that it thought for 36 seconds. It didn't immediately give me some random answer, and the response over here is so long, you can see, ChaPT has actually put in effort to read through all the documents that I have given and give me a perfect answer over here. So let's read a couple of things and then we can move on to the next prompt. So Arjun, who was our persona over here, it's for him and his company. So you can see the structure over here. The hero section would have the growth partner, the growth partner startups call when they need pipeline not promises so powerful, right? A lot of agencies or freelancers just give random promises to people, but I would actually help you when you need a pipeline. We're spending on ads. Now, see how we are hitting the pain point over here. You are spending on ads, building features, shipping campaigns, but revenue still feels random. I help early and grow the startup turned chaotic marketing into predictal acquisition engine using performance marketing, full final system, and behavior driven experiments. So powerful. I'm really impressed right now. And we have problem pain section, ARCAC is all over the place. The campaign actually bring paying users or admissions. Yeah, you know, these are a few things that people are asking themselves. You have burned lacks. Lacks basically means men hundred dollars. Experiments that never turn into repeatable system, right? Agencies and beautiful PDF that usually happens if you have worked in marketing. But cannot tell you why MQL never become customers. You know, MQL is basically marketing qualified leads. So you can see it has everything, and it is just like a direct response marketing. Reading this, if someone would have sent this to me, I would have immediately hired him or her. So let's move on to our next prompt. This is our next prompt. Please turn this full landing page structure into a complete starter prompt in editable Canvas editable so that it comes as a upgrade file and we can directly copy it to build this landing page in lovable dot v. The tool that we are going to use in the next video is lovable. And we need a prompt because that's also an AI. So we need a prompt, and based on all of these responses, we will be getting a prompt. Let me just hit Enter. Now we have our prompt over here. This is this matches with the previous response where we had the website structure, but this works really well as a prompt as well. So I'm just going to copy it. And in the next video, I'll show you creating this on Love. 3. Creating Website with AI: Hi, now that our prompt is ready, now we can move to lovable and create our own website. In lovable, every day we get five credits, which means five changes that we can do on our website. But if you go with the paid plan which costs $24 a month, you will get 100 credits, which basically means you can do 100 iterations in your website, which is good enough if you need a lot of iterations. And as a beginner, I would suggest you go with that for a month at least and see how it works out. Not, you can also wait for the next day where five more credits will be added in a free account. You will be getting 55 credits every day all for free. If you are a student and you have a college email ID, you can just go ahead, create a student account and you will get everything for 50% off. But what I'm going to show you in this video is completely free and you can do this right away. Feel free to pause the video and do it on the side. In our previous video, we had this prompt ready. I'm just going to copy it and download it as well. You can download this is called Canvas in ChagBT where you can download as a PDF as well, or else you can just copy anything if you don't get the answer in Canvas, you can just copy the whole thing and paste it on lovable. I'm going to attach the same things which I did in my previous prompt in Char gBT let me just quickly attach it. I have added all the attachments over here, the same ones which we had in Charge PT. Apart from that, there are two more things that I have added. One is my professional headshot, which can be used by lovable to create a website in my about section and then the whole prompt again as a PDF in case lovable is not able to read this. So I'm doing all of this in a free account so that you can also follow me along in the free account. Every day we get five credits. So if I exhaust one today, I can continue tomorrow with five new credits which will be added for free. But in case you need a lot of iterations after website is developed, I would highly recommend you go with the paid plan. So let's go ahead and send it to lovable. And that's it, guys. Now our website will be created with all the information. Let's wait for it. You can see it is working and let it work. At the end, you will see a blue button which says that the project has been completed. So keep your calm, don't add anything, just wait for it to work. So you can see it scanning one of my documents. Similarly, it will scan everything and create the website in the best possible way. So you can see it has created everything, and let's wait for preview to come. You see this blue button over here. I'm not doing anything, guys. So you can see I have only 1.6 credits left, and that means I can do only one or two changes in the website. That's why pro plan is important, but if this is not really urgent, I would wait for the next day, and again, I'll have five credits over here. Let's look at the website that it has created. It's clean white, Nichel Kumar, cool, the Growth Partners startups call when they need a pipeline, 30 mi strategy plan, UK studies. These are the small iterations that I would do that if I over my mouse over here, I'll just ask it to change the color to keep the color black. No fluff no agency retailers cool trusted by, these are my previous companies. I think it picked it up from my resume. If I would have given the logos of this, it will add it over here. So 100 and sorry, 1,100% revenue growth for a Net tech brand, cool, cohort revenue, a full funnel. Actually, I did it in 30 days, so I would have added it here. Anyways, ad spend managed portfolio focus, not vanity. If your growth feels random, it's not your product, it's your funnel. All of these headlines are talking to the person who's reading this. If I as a marketer, I know the pain over here that if my growth feels random in my company, the solution is right over here. So if your growth feels random, it's not your product, it's your funnel, you don't have a traffic problem, you have a system problem. I know so many startups who receive a decent amount of traffic, but they don't receive any orders or so. So you are probably running a mix of some Google ads, metires, landing pages, maybe webinar or Lead Magnet, and still asking. Which campaigns actually bring paying users or admissions, right? So all of these questions, I as a marketer know we come across a lot of these questions. Sound familiar. You have burned see all of these things are over here. I don't just run ads, I architect the entire journey from click to customer. Awesome. Hi, I'm Nicole Kumar, a growth marketing specialist. So one thing you would notice over here is this looks very bad in the sense. It's just right after about me section, right? But it's actually not like that. Go over and click on this arrow button over here. That was a mobile view which we were looking at. This is how exactly it looks. Let's wait for a moment. So this is our actual website where we have a few things written over here, our CTs, and you can see my photo, art kind of thing they have built. Now, this looks very beautiful compared to the last one that we were seeing. That was a mobile or a tablet view because of this thing, right? I mean, it has a very little space over here. So you can see now this looks very beautiful where I have my photo here and it talks about me, few bullet points. If you are an early mid stage startup founder, I'm the person to bring you in, bring in when you want. These are my core offerings, the startup growth sprint and deep drive what I will exactly do in each week. It's mentioned over here, ready for a sprint. I can add my calendar link or something over here or Miltolin which I'll explain further now, all of these are my case studies where I have a card kind of thing, what was the challenge, solution, impact. Now, all of these things guys are taken from my resume or my portfolio document that I had created. And you can see how beautifully it has turned up, right? So see if your startup. Usually these button will take people to book a call. This is my process diagnose, design, deploy dial in and scale. You're not buying hours or at setup, you're buying a system that keeps compounding even after we stop working together so powerful guys. I mean, this kind of messaging takes the ball in my code, saying that even if we don't work well together, you are going to still receive the good amount of orders and conversions. Is this for you? This is not for you, you want some sis. You just want someone to run ads without touching your so yeah. Awesome. Actually, these things are my non negotiables. I usually don't work if someone is not letting me touch their funnel or product, and if someone is expecting an overnight miracle, cool. So why work with me and not another generic agency or the last I set on your side of table, not just as a freelancer. I have led growth and performance marketing as, okay, so everything has been taken from my resume. You're getting. So it's a very long landing page, and final CTA is this book a 30 minute call strategy. It has my LinkedIn as well. Awesome. So this is a very powerful line. We'll review your funnel numbers and goes. If I can't help, I'll tell you straight. This is usually how I work. So we have a very good landing page over here, and obviously, I could have not added this kind of language or these many things in my resume. It would have become three or four page or resume, right? Coming to the buttons, if I click on Case study, see it takes me to the case study, if I click on how it works, it shows my process, if I click on about, this is about FI. These are the frequently asked questions. Book a call. It takes people over here. It makes very easy for anyone to do action. The only action that you can do is book a call with me, nothing else. If I click on K studies, it takes me to the as studies and there was a small button that I showed you guys. Let me click on that. See, it takes me. It takes the user to book a call button. This is our website, guys. I know it has less picture. I uploaded only one picture. Idally I should have added few more logos or everything. It would have come out perfectly. You can do that while you give your prompt to ovable and it will definitely have more pictures, more graphs and everything. Now we are back to our Canva editor, and we are going to change a few things over here. So one thing that you can do is click on visual edits and select exactly what you want to change. Okay? So let me just write. One thing I can do is directly select anything that I want to change because describing it can be a difficult thing. So I can just click on any of these and ask basically to change it. So you can just click on anything. Like I said, I wanted to add in two months, so I can just click on it and ask for it. I'm trying to save the credit over here to show you guys the major things. These are the small things that you can do. Click on anything and get it changed. By asking it over here. Now, coming to the main things, one thing is my booking link is this. I use a tool known as Calendly to book my meetings. I've given the link over here. Then second thing is add testimonials. I'm just listing down the things that I want and then, let me just add a few numbers over here. Testimonial section so that people can read what exactly I worked on. Let's try a crop kind of uh, illustrative, modern graphs, kind of images or backgrounds. Okay, let's keep it graphs. Okay. So it will automatically developer or a UIUX designer and see where exactly should we at that. Then fourth one would be, let me just see what exactly I want to change. Generate a few images. Add it to the relevant places. Right now, it looks dull. Good, but dull. So I'm just not straightaway giving it a dull kind of feedback. Otherwise, it will change the whole thing. So I'm saying that I'm still happy with this particular design, but it looks dull. So this was one thing. So like I said, I wanted to change this as well. I would ideally do this with visual edit. But this is our current list of changes that I want to do. Yeah. So let me just hit Enter. You can see it has completed the booking link and everything. Testimonial section with three client reviews, generated four professional images, Andex dashboard, film diagram. Okay. Now you can see I am left with zero free credits. My credits will be added again tomorrow. Then I can do five more changes. Let's just look at the website again. This is the image that it has created, and my photo over here, I can add something again with this tool over here, visual edit, select it and change it. Then few image it has added over here, which I don't like, so I can just go ahead and delete it. And actually, I like the previous version. So in that case, I can go back and reverse the changes. I'll show you how to do that. So you can see the booking link is working now. It takes people to currently. And also, let me search for testimonials because that was another request. So yeah, you can see we have few testimonials added over here. Anyways, let me see if I can go ahead and delete this thing directly. Delete. Awesome. Now let me delete this as well. I don't like this. It's all about hit and trial, that should work for us and we are experimenting. Anyways, I think now I'm happy with this. Let me just save it. Now I have my whole website ready, which I can add it to any job application and it would work just as good as converting anyone. Can also use this as a freelancer or share it with people who might be looking for marketing consultants or freelancers. You can see you can also have your own unique website. You don't have to spend a lot of hours getting the hosting and everything, going through the templates which will be used by 100 other people. So this is unique to you, and now I'm going to go ahead and publish it. So there are two options to rule that if I just click on Publish, I will get a lovable link or else I can add a custom domain. For example, I can add an existing domain. If you have your own domain from Namecheap or GoDaddy, you can do that, or you can buy directly, you can buy a new domain over here. So Adi I would go with my name Nikhil Kumar marketing.com, something like that, and if you don't want to spend money, you can just click on publish and just write Slug slug is basically what would come over here, the Kilkoma marketing. My link will be accessible over here, if I go ahead and click on. Continue. Awesome. It's ready. Now if I just go ahead and go to the new tab and enter the link, we have our website over here. Every time we do change, we have to keep publishing if I do any change tomorrow after I get more credits, I'll just click on publish again and update my website. Now talking about how do we reverse back, so I can just click on the initial version over here. You can see we have a button, preview this version and you can click on Restore this version and then again, click on publish and your website will be updated. In the next video, I'll tell you what we should do with the website, see you in the next class. 4. Where to use these Links?: The last class of this video, I know you have an amazing website which is ready right now, but now how do we promote it? One thing is definitely you add that website to all the job applications you apply for, and the second thing is Lindn. There are a few places on LinkedIn where you can add this website of yours that can improve your chances to get more visibility. And people will reach out to you instead of you reaching out to you have to get a little bit famous on Linden for that, I'm creating a three course. Make sure you follow me, make sure you follow me so that you are notified when it comes out. Now one of the really important things that I would do when I have created my website is add it on Linden. I can just add it somewhere in my about section over here. You can see I have written DMs open. I can just add it here or connect with me. Or book a call with me. Yeah. Okay, M A section is exceeding the limit. Otherwise, I would have saved it. I'll have to change a couple of things. But anyways, this is what you can do. And also, if you have LinkedIn Premium, you can just go to add CTA button. So you can see I have premium. I don't know why it is asking me to reactivate. Anyways, I can just click on Edit Contact Info and add a website over here. Portfolio or personal or anything and save it. Now there's one more thing I can go to featured, add my website, add a link, add my link over here, and then I can give a title book a call with me. Some people directly give their calendar link which is okay, but your calendar link wouldn't have that many information, what we have on our website. I can just try book a call with me and save it. You can see now in my profile over here, I have a CTA. So when someone clicks on it, people will come here, see, Okay, this guy is really good, right? And then they can directly go ahead and book a call with me. I know you apply through LinkedIn people visit the your profile and everything. LinkedIn can be a great tool. I'm going to create a LinkedIn course. Please follow me if you want to be updated with that whenever that comes out. I hope you enjoyed this lesson all the best.