Freecodecamp portfolio project I was learning a lot while doing this project with another courses and at the end I realized my mistakes and now I want to fix it. 5 to the “project-description” class so that the links aren’t this close to the text. The code was too long to be automatically inserted by the help button. I recently finished the Portfolio Project and ran into a challenge when submitting my code. I chose this project to challenge myself and so far I have learnt a lot. 7K subscribers 497 Showcase your personal projects and skills with this customizable portfolio template on CodePen. Your portfolio should have a projects section with an `id` of `projects` 1. Check My Personal Web page here and give me feedback, thanks in advance. ️ Slobodan developed this course: https://www. The project itself is a website that uses Google Street View API to display an image of the sky above your location. js Beau Carnes Building a standout personal portfolio can help you showcase your skills as a developer. If I give سلاير credits to freeCodeCamp camp can I use the lab and workshop projects. Struggled how to add Smooth scrolling and highlight the nav bar while going through the particular section and finally left those. I finally finished my Portfolio page project. What should I say? What should I include? What should I leave out? But it doesn’t have to be that way. Anyways, I completed the “Responsive Web Design” course and got the certificate. May 31, 2023 · Hello all, my question is regarding the final project at the end of the Web Responsive Course. Using em’s for setting font sizes is considered a bad coding practice as em set an element’s font-size depending on the parent Jan 13, 2025 · Tell us what’s happening: Hi all, I am currently doing my final project of making a personal portfolio and I’m going to give it my all to make my website nice as possible as its something I want to use in the future. My advice for tutorials would be to watch the video, build the proj May 5, 2018 · First off, Hi everyone, beginner here. rocks. Jan 3, 2023 · Build a Personal Portfolio Webpage - Your portfolio should use at least one media query HTML-CSS sumugz January 3, 2023, 9:03pm 1 Feb 8, 2021 · A portfolio is a great way to show off your skills to potential employers. Our mission: to help people learn to code for free. Also, I’m not sure how I feel about the Sep 17, 2016 · Most have come back to redo there portfolio with their new knowledge. I do not have a dev job and I have not done webdev in 6 months or something but after looking through your code I do not think lacking a portfolio is your problem. You can also use the “preformatted text” tool in the editor (</>) to add backticks around text. Free Code Camp Project List. Would I be able to add what I’ve done in Free Code camp to my portfolio? May 19, 2021 · In previous projects I sometimes used the example as a reference to learn why sometimes stuff didn’t work on my project as expected. (Some of the code in there eg, bouncing button was taken from the net directly and I did not understand much of it. Jan 9, 2024 · I wasn’t fixing anything, just trying to spruce it up. l was not been able to get the html and css to cover the entire page (see some space at the right and left sides) the banner image does not show up (talking about the middle of the page) Section: “Subscribe to newsletter” is stuck to the button and the whole blue bar became a link. Is it supposed to be my own portfolio or a clone of the fake one they show as an example? Please help me out or Jul 22, 2021 · Hi everyone, I’m looking for some advice whether including the free code camp projects in our personal job hunting portfolio is a good idea or is it better to come up with something original? Also considering the difficulty level, would they be fine for an entry front end dev position or are they considered too easy? Also would anyone have some samples of junior developer portolios that got Mar 21, 2025 · Hello, What projects that I made can be added in my portfolio. Please, anyone, help me… how to get link of the project images A one page personal portfolio made for FreeCodeCamp, Zipline #1 Apr 14, 2024 · hi fellow programmers Ive finished the js course and the respnsive web design course at freecodecamp plus i have a front-end developer certification from meta I have one portfolio website that I have accomplished but im looking to make at least 3 more do you guys know where I can start? or get an idea for a project? Sep 22, 2019 · I’m doing the Personal Portfolio Project. It’s still mostly a back-end project, however, you also have to find some way of learning how to make a game using the Canvas api (this isn’t taught by FreeCodeCamp, you need to find a tutorial elsewhere). Oh, and don’t worry Mar 21, 2019 · I cannot for the life of me figure out why I am still getting an error on this project test saying that I need to have the navbar remain at the top of the viewport (it’s definitely doing that). When I look on my phone the tiles in the Projects section extend into the Contact section and … Aug 6, 2024 · 👋Hello, fellow freecodeCampers. Then I'll show you how to create a beautiful responsive portfolio website for yourself using HTML, CSS, JavaScript and Bootstrap version 5. following the example I can understand what to put just not how to find mine or the ones attached to me or my project if I am saying it correct. May 13, 2021 · I have completed my portfolio project https://codepen. Namely, the page has a side scrolling thing going on that I suspect has to do with the background image, but I can’t seem to solve the problem. . That means that one of the elements inside it should have that class. However, a common problem you might have when building a portfolio Jun 21, 2021 · How to Deploy Your Portfolio Now to make our portfolio live, we need to push our application to GitHub. This will make the projects less intimidating and more fun. It's an essential skill for any developer to know. github. 5rem; font-size: 1. I… Feb 25, 2018 · Here’s my first. io/freecodecamp-05-Personal-Portfolio-Webpage CodeP… Apr 27, 2024 · For the freeCodeCamp certificate project, you are not allowed to copy the code. On the buttons and images. If you've never deployed a website before, it can be quite confusing figuring out how to get your website online. May 14, 2022 · Tell us what’s happening: Hello, on the “Personnal Portfolio” exercise, I passed the test on CodePen, but on freeCodeCamp, it tells me that the point “Your portfolio should use at least one media query. I finished my Personal Portfolio Page, which was the final project in Responsive Web Design. rocks/) and in the footer I don’t know how to implement the contacts logo for facebook-twitter-github and I don Mar 4, 2025 · Hi FreeCodeCamp Community, I’m a newbie here, and I’m so grateful for all the resources and support you’ve provided as I work through the Responsive Web Design (RWD) curriculum. css html freecodecamp tribute-page freecodecamp-project personal-portfolio documentation-website survey-form product-landing-page Updated on Nov 15, 2020 HTML Personal-Portfolio-Webpage Public FreeCodeCamp. Thanks! Aug 24, 2017 · Hello fellow freeCodeCampers! I’d greatly appreciate it if you could check out my portfolio site and the associated projects and give me any criticisms/feedback. 3. Learn to Code — For FreefreeCodeCamp is a donor-supported tax-exempt 501 (c) (3) charitable organization (United States Federal Tax Identification Number: 82-0779546). Envision your very own personal portfolio, a digital space where your essence meets expertise, and stories merge with skills. Jan 7, 2020 · I’m excited to announce that I’ve just launched a free course that teaches you to create your very own fully responsive portfolio website. When you start, I’d begin with deciding what you want to show (most likely: About / Portfolio (with thumbnails) / Contact (link to social media) sections). Adding a cursor: pointer to buttons and button-like elements would help your users know the links are clickable. Thanks! Apr 10, 2025 · Hi everyone, I’m currently taking the Full Stack Developer course here on freeCodeCamp and I’ve completed some of the projects using the in-browser editor. Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft. Because i need an image link and i dont know how to get that Your cod… Sep 23, 2015 · By Laurence Bradford One of the toughest things to do as a new developer is to assemble an online portfolio. I think your code is not very clean which is normal since most udemy courses are taught in a way that the teacher Jul 7, 2020 · Hi there! I just finished my portfolio and I received my certification but I have a lot of mistakes in my CSS code. If your portfolio is just for learning you can pick some photos on the web to link to. We are looking for a few volunteers to attempt to build these based on their automated tests. 45rem; /* position: fixed; */ /* just to Aug 23, 2022 · Hi, please no novels in the hero section of your portfolio (nowhere else either), nobody reads them and might even throw your application in the bin instantly when they have a bad day. There are little bits and pieces that could use tweaking, it fulfills the user story and i’ve just put placeholders images in place of the projects images and profile image. 6 days ago · How to Use Figma to Design Your Own Portfolio Designing your own portfolio might sound intimidating at first, but tools like Figma make the process surprisingly intuitive – even if you’re not a professional designer. When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read. Part of the Responsive Web Design Certification. Jul 14, 2017 · Concurrently, I also suggest you make your own website (similar to the portfolio project on FreeCodeCamp) to show case thumbnails of your work, information about yourself, and even a resume. One way to elevate your portfolio is by incorporating 3D elements, smooth animations, and responsive design to make it both engaging and professional. you can right click on the example portfolio and choose “Inpsect” or developer tools and review the elements to see how they are created. After you’ve finished this course you will have a neat-looking portfolio site that will help you land job interviews and freelance gigs. However, I realized I don’t have the project files on my local machine, and I’m not sure how to download or export them properly. But when submitted (run the tests) consoles returns error: “12. Your portfolio should have a navbar with an id of `navbar` 1. After seeing a few feedback topics here, I realized I was doing to myself disservice by using this method. With Figma, you can visually plan every section of your portfolio before turning it into a live website. The objective of this project is to build a functional product landing page similar to https://personal-portfolio. Apr 10, 2019 · If you don’t want an image to get cropped you can use background-size: contain, but I don’t think that’s the look you’re after. com Responsive Web Design Certification Project Solution - "Build A Personal Portfolio Webpage" - FreeCodeCamp-Solutions/Personal-Portfolio-Webpage Mar 10, 2017 · I’ve really been struggling with a few things on the Portfolio project for a few days now. I think perhaps the freeCodeCamp curriculum should clarify the goal of the project. If anyone can see a way to clean up the code, I’d like to hear it. There are definitely some changes to the class names and usage. As you’ll see from the editor screen- I didn’t write the parallax code (credit left) but it’s a feature Personal Portfolio Project through Free Code Camp's Front-End Development Certification. The hardest part was making it responsive and look good across a variety of devices. How do I get specifically my info for the <a tag and May 27, 2018 · Hey guys, so i’ve just completed the portfolio challenge, took a few weeks but i got there in the end 🙂 , thought i’d share the finished product and get some feedback. 😅 Now the important thing is to move on, there is still a lot to learn and perfectionism can become a choking trap. I am not sure how to find my information to use. Mar 24, 2021 · The best way to learn a new programming language is to build projects. my project was little as i try to develop similar page shown in codepen instead my own style. - freecodecamp-responsive-web-design/pe Jan 27, 2024 · This is my final project and I’m happy with it, there’s just a few things that aren’t complete I am trying to make this page: https://personal-portfolio. (anyway i will redevelop ag… Nov 5, 2023 · Hey everyone, So, I’ve finally started to build a portfolio I’ve been meaning to do this for a while now and I’m finally starting. I looked at one of my favourite websites and treated it as a front end mentor project. freecodecamp. At this time, you only have h2 and a inside and both do not have that required class. We accomplish this by creating thousands of videos, articles, and interactive coding lessons - all freely available to the public. Build projects. Jan 27, 2020 · Build a Social Media App If I had to recommend only one app for you to add to your portfolio, it would be a social media app. Thanks Jan 19, 2025 · Hey there, Please update the message to include your code. js Create a front end portfolio project with Next. org Learn to code. Mar 10, 2025 · Hi all, first time poster here. Your portfolio should use at least one media query. Any suggestions. Please provide suggestions to improve my project. Jul 2, 2016 · Project Link- Portfolio AKD I would appreciate any feedback. I always struggle with the design but I think I did a decent job on this one. How would I fix so the webpage looks neat when I make my browser smaller? User Story #3: My portfolio should have a projects section with an id of projects. The current/selected tab is indicated (changes color, “pressed in” etc. It’s my first time working with these technologies. If you’re stuck, take a look at thes Oct 17, 2020 · I’m having a hard time with certain tests on this last CSS responsive website test. Please take a look at it and give me a feedback. May 23, 2017 · Thank you both for the replies. I do not have a github not yet anyway. Is there Any good place to learn more About navigation bars, footers, image sizes…? That would help me so much. Had a really hard time getting the responsive grid to give me margins and centering that I liked. Earn certifications. ) I pasted the project link in the code and the image doesn’t appear Jun 24, 2021 · I would also suggest adding a margin bottom of at least 1. The test says that “The projects section should contain at least one element with a class of “project-tile” to hold a project. 5 version that was previously defaulted in CodePen. In this project we learn about color themes, sections of content, cool fonts, great icons, transitions, transforms, displaying User Story #3: My portfolio should have a projects section with an id of projects. Dec 29, 2024 · Hi there and welcome to our community! Instead of trying to fix the ul element directly to the top of the page, try putting it inside a nav element and applying your CSS rules to that element. Like only the final project, or I can showcase the lab projects and workshop. Then, I'll walk you through how to build your own fully responsive portfolio website with HTML, CSS, and JavaScript. I didn’t use any framework here like Bootstrap. Twitter, Facebook, and Instagram are quite sophisticated, and include an ever-growing number of features to keep users engaged. I have checked my profile page and there are no links to my previous projects. Hello, everyone. I was wondering if it is okay to use it in the first May 24, 2022 · I am stuck, I have a class=“project-tile” in the projects section below, however cannot get past the step: Your portfolio should contain at least one element with a class of project-tile . ” There are elements with a class of “project-title” in all my project links, and I failed to find the mistake I made. Okay, so we have some nice hover effects. And on the forums, everyone posts code from a website called Codepen? Should I have been using this resource all along? How did Jan 26, 2024 · I am currently building my first project for my portfolio. I’m trying to do the project to make a personal portfolio like this one. io/iicestudio/full/NWpxvEj and I am finally ready to tackle the JavaScript lessons! This is my actual portfolio Jul 22, 2017 · Hi Guys! Here is my portfolio page : - So today I have completed my portfolio page! (It was damn exciting!!!) It took me a total of 6-7 hrs (distributed in two days) to make the project from the ground up. Please let me know what you think. User Story #4: The projects section should contain at least one element with a class of project-tile to hold a project. The profile picks are hard to see for a reason. Here is the codepen. Dec 14, 2019 · Hi all! After several days of frustrating creative block and failed ideas, I decided to settle for a much simpler portfolio than my imagination had planned. Jun 27, 2021 · So I made the final project that was a small portfolio, I used HTML CSS some JS you can find it on CODEPEN or clone it and edit it from GitHub, I also hosted it if you want to see it Demo It is simple and code-readable (maybe) so you can take it and make some changes, it may help you practice your styling skills. Nov 20, 2023 · Your portfolio should have a link with an id of profile-link, which opens your GitHub or freeCodeCamp profile in a new tab If you do not have a GitHub account, you can create a link that leads to your freeCodeCamp user profile Dashboard. ) It was a exciting project and I learned a lot from it especially “why Jul 26, 2019 · Hi At last I have completed Personal Portfolio project. (the blue Jul 8, 2016 · This has been interesting using Bootstrap! This and the tribute project were my first time using it. First, I have assigned a background color to the body. I can't manage to keep what I've written separate from my profile picturethey are always "merging". Jun 13, 2017 · Hi Everyone I just completed my first portfolio project and I need someone to please help me out a bit. The projects section should contain at least one link to a project 1. In all honesty, I wanted to meet the project requirements and do some basic structure, styling, and responsive design so that I could continue with the lessons. Things like getting a domain name, uploading Jan 14, 2022 · here is the link for my portfolio project (still going on), I want to add the exact images from home page of other projects, I don’t know how to do it. After learning JS I will surely return to this project to improve it. Edit: alternatively, I suppose you could ensure the aspect ratio of your welcome Jul 13, 2022 · Hi all! For the last month I have been using this project to learn Express, Nodejs, and MongoDB. ) Or in other words, is there a certain type of navbar (or combination) that I should be looking for? For Jan 20, 2019 · In a final portfolio, though, I might suggest a different mechanism to display a bit more background about each project. User Story #5: The projects section should contain at least one link to a project. I would love it if you all could take a look and provide feedback. Google Maps API was also challenging May 19, 2023 · Thanks for creating a new topic, and I have removed the old one. What is a Developer Portfolio Website? That's how I would describe the portfolio we are making today. Below follows snippet of #navbar: #navbar { background: #2a3430; padding: 0. Time to move onto the new challenges. Mar 17, 2022 · Transcript (autogenerated) In this course, you will improve your HTML, CSS and JavaScript skills by building a portfolio website. js and Three. org – 2 Jun 20 Jul 17, 2025 · Tell us what’s happening: Your portfolio should contain at least one element with a class of project-tile . Donations to freeCodeCamp go toward our We would like to show you a description here but the site won’t allow us. 4- Project management tool with communication/messaging on tickets, (consider mixing slack and JIRA tickets) The project management tool sounds the most interesting to me and there is a lot you can do with that and talk about in interviews. Or is that the point that I should be scouring the net to figure all this Oct 8, 2016 · Just looking for some feedback on the portfolio project in the course I had a lot of struggles with it and spent a lot of time on google the past 3 days making this and I am kind of happy with it! FreeCodeCamp Portfolio Project Raw freecodecamp-portfolio-project. Jul 22, 2020 · Your portfolio looks nice good job man! But your hamburger menu has some styling problem after I click and your landing page has lot of white space you should fix it . I think for the time being I will present the portfolio showcasing what I’ve learned so far. This is a great project to improve you frontend development In this video, I will show you guys how to build the Free Code Camp Personal Portfolio Web Page Project for the Responsive Web Design Certificate. Now, I’m experiencing a problem where no matter what type of text element or class I use, it throws a white line with the text inside it over my navbar at the top. Jul 6, 2022 · This forum post discusses issues with media queries in a portfolio project and seeks solutions for passing the test requirement. Oct 19, 2020 · Tell us what’s happening: I made projects ofcourse, ( the previous of the list from codecamp) but i dont know how to put those in my portfolio now. The app has a backend inventory system to enable the owner of the store to manage inventory like adding product lists, creating purchase orders and verifying the store. If you're not familiar with Git and GitHub, I would take a little while just to learn how to push your code to your GitHub account for the first time. Oops forgot the link Thanks Nikolai Sep 22, 2016 · Hey everyone. As part of the “projects” section, I want to include a clickable image to link to a project. welcome-section { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; background-color: #000; padding-bottom: 4rem Feb 3, 2017 · Hello everyone, I am having trouble with the "About me" section of my Portfolio. Mar 10, 2018 · I have stucked into this portfolio project,I dont know to how to realise my portfolio as given as an example. I got my Github account and I’m working on a few things. rocks/#welcome-section: Jun 4, 2021 · I have finished my Personal Portfolio project, and I would love to hear some feedback (especially critiques). GitHub Gist: instantly share code, notes, and snippets. The projects section should contain at least one element with a `class` of `project-tile` to hold a project 1. Thank you. ” is not valid. Just credit freeCodeCamp for any projects completed as part of their curriculum. Jun 6, 2016 · I can’t seem to figure out how to make a navigation bar (or menu bar?). Can anyone guide me,how should i proceed? Apr 11, 2020 · Here I proudly announce that I have finally completed my portfolio project and earned my Responsive Web Design Certificate. Apr 8, 2022 · FreeCodeCamp Portfolio Project #1 Tribute HTML CSS - freecodecamp-portfolio-project-1-tribute-html-css. youtu Nov 9, 2022 · freeCodeCamp: PERSONAL PORTFOLIO WEBPAGE | PROJECT SOLUTION Dors Coding School 21. Aug 16, 2018 · Hi everyone, I have technically finished the portfolio project; all tests are passing. All of my code is written by me, however, I am thinking of adding a CSS UI I found in UIverse which has open source code. May 22, 2017 · Hi, I started the portfolio project But it envolves so Many stuff I haven’t learnd yet. com Responsive Web Design Certification Project Solution - "Build A Personal Portfolio Webpage" HTML 28 19 Apr 18, 2024 · Having trouble finding/getting the links from my past projects to put on my personal portfolio project, any insights on how its supposed to be properly done? Feb 28, 2017 · Hey all, is it just me? I’m a bit overwhelmed by the portfolio project. Learn Web Development, Data Science, DevOps, Security, and get developer career advice. Thanks all Dec 2, 2023 · This is my final html project, and there’s still many things I don’t know how to do for this project, in the projects section I need to make it so when the cursor hovers over them a small animation comes up like the one in the preview (https://personal-portfolio. just a codepen. I’ve now spent too much time on the Portfolio project; probably partly narcissism. This article should give you an idea of how to finish this last test freeCodeCamp. Now I’d like to push these projects to my GitHub profile to start building my portfolio. Perhaps having the projects pane show as two panels: the left listing the projects, and the right showing more detail of each. Mar 19, 2025 · https://codepen. We can also toggle between light and Mar 29, 2021 · At the beginning of 2021, I decided to revamp my portfolio site, as I do every other year. Thanks You can include final projects, lab, and workshop projects in your portfolio. Live page: https://darthcolo. In this challenge, we are required to build a personal portfolio webpage. Oct 3, 2024 · October 3, 2024 / #Next. But after already having done a couple of redesigns I figure I can always tweak later, when I know a bit more. Thanks in advance! Jan 20, 2021 · Hi, Here’s my portfolio page I clearly didn’t intend this to be a real personal portfolio but I like of how it turned out. The goal is for campers to be able to build these projects step by step following user stories. Aug 25, 2020 · The images I used for my portfolio on codepen for learning were linked to web addresses for pics that weren’t actually my project, which works. Jan 13, 2025 · You've just built a simple portfolio website using only HTML and CSS. The directions simply say this: User Story #5: The projects section should contain at least one link to a project. I like how it was easy to get the grid up and going, and I felt like I got all the basic elements we needed in there. I will certainly take your comments into consideration as I continue to tweak my portfolio page. It’s a full-stack e-commerce app. Mar 22, 2024 · The project section on my personal portfolio site with clear sections for different topics This organization allows you to display a broad skill set, making it clear you're well-versed in multiple aspects of tech. Then make those sections (simple divs) and go to the Bootstrap docs to figure out to make a working navigation bar. The three issues I’m struggling with are: getting my placeholder images to center properly on the page; getting my social media icons/links in the Dec 13, 2023 · Hi Guys, To become a front end developer I know I need at least 3 projects for my portfolio. I have created a list of 40 beginner friendly project tutorials in Vanilla JavaScript, React, and TypeScript. CobePen default Oct 2, 2022 · The projects section should contain at least one element with a class of project-tile to hold a project Notice they said the section should contain a project-tile element. your #navbar element should always be at the top of the viewport”. Could someone check my code please? It would be much Feb 3, 2025 · Tell us what’s happening: I want to put images of my projects as in the demo project but I don’t know how, I’ve read in other posts that codepen automatically takes screenshots of the projects, I created an account and I already uploaded a project but I don’t see any screenshot option (maybe i have to subscribe?. Everyone going through two Jun 28, 2017 · Hello everyone, I have tried to create Portfolio project as a template, rather that an actual portfolio. markdown FreeCodeCamp Portfolio Project A one page personal portfolio made for FreeCodeCamp, Zipline #1 A Pen by Erin Manahan on CodePen. My name is Natasha, I have been progressing towards a career in web development on and off for about 5 years. markdown Oct 23, 2017 · Hello All. Apr 15, 2022 · Hii 👋 everyone, i just finished my personal portfolio project (under html and css) and pass all tests. In today's video, we're going to be building a portfolio website using HTML, CSS and JavaScript. I have coded in CSS: . Thanks 🙏 Jan 8, 2019 · Personal Portfolio Project - Need help with project tiles horacioromodealba January 8, 2019, 9:25pm 1 The final project, Secure Real Time Multiplayer Game, is another beast entirely. Nov 22, 2022 · the example portfolio is just using codepen to host everything. And it's especially helpful for entry-level developers who might not have any professional work experience. Here's an interactive scrim about how to create a portfolio website using HTML, CSS, JS, and Bootstrap 5: Table Of This project is part of the FreeCodeCamp curriculum, where you'll build a Personal Portfolio Webpage to showcase your skills, projects, and achievements. Example certification projects for our programming curriculum - freeCodeCamp/demo-projects Jan 3, 2019 · So I am lost again I am trying to link my codepen projects for personal portfolio project. May 22, 2016 · Just looking into the the purpose of the exercise, I wonder if we are suppose to adjust a template or create a whole new page from scratch with the help of bootstrap components? For the Tribute page its pretty clear, that we should do everything from page blank, but even the codepen example for Portfolio page builder shows a template from Start Bootstrap, which I can just kind of copy and then Feb 11, 2017 · hi guys please im creating my portfolio and l have some issues which l would like to get help with. Logically a stunning portfolio is what I would present to client / employers when I feel I am ready for marketing my skills. Now if I could draw your attention to the screenshot taken Apr 25, 2020 · freeCodeCamp. May 7, 2018 · Hello, I’m doing the FreeCodeCamp map 1 by 1, and right after I made my tribute page, it asks me to make a Portfolio page… So I just want to know if I should skip this challenge for now because FreeCodeCamp will teach me how to create a navigation bar, and more of those details like in the examples or do I have to be the one who investigates through internet how to put a navbar and make FreeCodeCamp. Here is the link below; Jun 5, 2017 · A couple of us over in the gitter help noticed this and put this together: The freeCodeCamp Forum – 10 Sep 19 How to use Bootstrap with CodePen Recently CodePen defaulted to Bootstrap 4 when you choose it in the CSS settings page. Nov 26, 2021 · Hi everyone, I’m currently working on my portfolio project for the Responsive Web Design lessons/classes and I have a question about the links to our personal projects. It’s a good start for now, but I expect to be updating it as I progress along, as of now it is a bunch of placeholder images! Any advice/tips/ would be appreciated. In this course, you will learn how to build a portfolio website using JavaScript, HTML, and CSS. I google searched this exact issue and noticed a lot of results but literally none of them were the fix to my particular problem. I’m looking forward to read what you guys think I can improve. Jan 25, 2022 · In this blog post, I will discuss some of the benefits of creating a portfolio website. If you want the image to always cover the full width of your welcome section you either have to let it get cropped (as with background-size: cover) or you have to stretch it. There may be a couple dead artifacts in there from We would like to show you a description here but the site won’t allow us. I have tried aligning the written … Feb 20, 2025 · Tell us what’s happening: Hi! I passed all the tests for this project but am not satisfied with how it looks on tiny screens. Oct 4, 2021 · In this tutorial, I'll discuss some of the main reasons why you should make a portfolio website for yourself. Any suggestion will be appreciated. I saw their source code,and was overwhelmed by seeing that. Currently, I am trying to create the different divs with the different background colors. At this point I might be over-thinking it, but I’ve been reading and making adjustments and I’m still not there, and I’m starting to get frustrated. I just used CSS Basics . In the example pen given,… In this video, you will learn how to build React portfolio website from scratch with advanced animations. Would you mind checking my portfolio webpage and provide me feedback on anything you think I might be missing! I’ve been building this Personal portfolio project from a long time and I’ve tried to made it fully responsive as much I can. I don’t know why but I always have problems with the images and I can’t find good information about how I can make them responsive, I tried to Feb 18, 2018 · This tags structure your site more logically so impaired people with screen readers can understand your presentation more easily, I suggest you study these tags and apply these to your portfolio page. It’s also a cool thing to show to your friends and family. The sample portfolio looks amazing…and I have no idea after running through the tutorial how to achieve a design that awesome… Should I run through the bootstrap section again? I guess i dont remember learning how to do some of those things. I’m trying to make it: Fixed to the top Each menu tab is linked to an anchor (?) on the same page (since everything is on a single page). I never learned how to link a past project to a current project, for example when adding (Some of my work) I do not have a clue as to how to link my own previous projects to the portfolio. I’m at the job hunting stage and would like to give prospe… Feb 15, 2017 · Hi, I made the portfolio project I would like to get feedback about it. The problem is that all CSS has show no effects when i view the pen using smartphone, while everything is fine on a laptop. There are a few problems I am having trouble solving. It’s was an incredible journey which I have enjoyed very much. I really enjoyed the last project for the porfolio website, and it was a great impetus to start thinking about how I wanted my actual portfolio website, on back burner Mar 24, 2017 · A portfolio is a project and all of your projects should be your best since people will judge you based on your worst. Can anyone May 26, 2018 · Here is the link to my project. What I’d like to know is is this asking me to make my project/art into a link, or is it asking me to put a Jun 20, 2017 · When I resize the browser on my portfolio project, this happens to my text. It will be Certification project - building a Personal Portfolio Webpage in freeCodeCamp. But I don’t know how to get an image link for the project. Browse thousands of programming tutorials written by experts. So this is the main homepage of the portfolio. fCC trains you on the 3. if you have feedback about the code please I’m watching comments May 15, 2024 · 2- Something like pinterest ? 3- Stocks trading app, with forecasting based on current data. You've learned how to structure your project, apply a CSS reset, and create responsive typography and layout systems that scale beautifully across different screen sizes. This repository contains the code for my Personal Portfolio Webpage, which is part of the certification projects for the FreeCodeCamp Responsive Web Design course. Can anyone look through my code Oct 21, 2017 · freeCodeCamp - Portfolio Page Project Seconde project in freeCodeCamp. I just started coding recently, so… did you look at my code and figure out the solution? Sep 16, 2016 · Hi everyone! I would love if you could take a look at my portfolio page here Is the code a bit clumsy and need more work? Yes, of course. I tried to replicate my tribute page to be similar to the freeCodeCamp's personal portfolio webpage example. I’ve just finished adding some database functionality; visitors to the site can both request images or register for an account Dec 19, 2016 · As you may have heard, @no-stack-dub-sack and @Weezlo have been hard at work building projects with testable user stories. Appreciate all help. But I would like to receive your feedback about Aug 11, 2022 · I’m working on my Personal Portfolio Webpage project and step 5 it says; The projects section should contain at least one link to a project I have searched the forums for an answer. This one has taken me a while to do. I’m up to the personal portfolio project through FCC, and i spent too much time styling and customizing my layout before adding anything of substance to it. License. Anyone please help. I have some issues with the social icons Explore this online Free code camp project - Build a Personal Portfolio Webpage sandbox and experiment with it yourself using our interactive online playground. However, I want to continue improving it. Mar 19, 2019 · Hey, @Jobin1094, Thanks for taking the time to look at my project. Nov 19, 2019 · Hi fellow FreeCodeCampers! I failed to pass Personal Portfolio project test. I worry that it seems e-commerce projects are cliche and Sep 19, 2025 · When tested on browser or on Preview of submit Project page, the property sticky and/or fixed of element nav works just fine. First Issue: #2 of Layout - The height of the welcome section should be equal to the height of the viewport. It has been created in html, css and vanilla javascript. Your name, developer role and what value you can add to the business, followed by your work showing your tech stack and tech skills, that’s what the person hiring wants to know. I would suggest trying to come up with your own design as well, but copying the design isn’t a big deal. I learnt a lot through all these projects. io/ZION-MUSA/pen/MYWVJMJ My personal portfolio page project, I need your feedback dear campers. On top of that, it's the kind of app you likely know best regarding how it should function. rvi lka nhpxvcn keyr pozxmsu mgdd edlritjk heit jxilbk djah fozsdwq dyzxhuc ydeja bar smnaj