Generate a classic GitHub personal access token following these instructions (make sure you don't select any scope just generate a simple token). Thank You This repository contains the source code for my personal portfolio website, built with Node. yml file in the _data folder to your liking. . " Learn more. Feel free to use it as-is or personalize it as much as you want. On each project, there is a green hamburger icon in the top left corner that opens the testing suite for that particular project. See full list on medium. First, introduce yourself, including your name and details about your background. js. scss file. Install & run. May 22, 2024 · It is very important to have an online presence if you are an individuals or having a businesses. If you'd like to contribute and make this much better for other users, have a look at issues. io', where 'USERNAME' is your GitHub username, and edit the settings. rocks. netlify. To leverage Github Pages hosting services, the repository name should be formatted as follows your_username. env in the root directory of your project (if not done already in section: How To Use) Built With. To view the components storybook: npm run dev:storybook. Part of the Responsive Web Design Certification. Once it's done start up a local server with: npm run dev. There is one configuration file per page or main component, for example if you want to modify the footer icons and hyperlinks, go to the footerConfig. Include Keywords: If possible, incorporate relevant keywords related to your industry or profession. Feel free to contribute and use it. To associate your repository with the angular-portfolio topic, visit your repo's landing page and select "manage topics. Contribute to cobiwave/simplefolio development by creating an account on GitHub. Nov 3, 2023 · To associate your repository with the portfolio-website-html-css topic, visit your repo's landing page and select "manage topics. Make sure you have nodejs 19. To associate your repository with the cv-website topic, visit your repo's landing page and select "manage topics. A Pen by kwhms on CodePen. Add this topic to your repo. This portfolio website is built using React. Contains animations when scrolling. Please remove all of my personal information (blog posts, images, etc. To ensure code quality and version control, I used Git and GitHub. Recommended size for project image (1366 x 767px) also make sure the size of all project images is the same. For changing the screenshot: first place the image in images/ folder and then in HTML replace the name in src with the name of your image. To associate your repository with the portfolio-ideas topic, visit your repo's landing page and select "manage topics. Why I created this repo? I used to find GitHub intimidating. It's perfect for. CSS3. io. me. Star. Interactivity: JavaScript ES6, adding dynamic elements and user interactions. It serves as a showcase of your skills, projects, and accomplishments, providing visitors with an interactive and visually appealing experience. Free Code Camp - Personal Portfolio. Meet Devfolio, a modern portfolio + blog template built with GatsbyJS and TailwindCSS 🚀. To associate your repository with the github-portfolio topic, visit your repo's landing page and select "manage topics. A portfolio template using Tailwind CSS. 3 or higher installed. Dec 26, 2023 · The portfolio is constructed using: Markup: HTML5, structuring the content and defining its meaning. Raw. Install dependencies with: npm install. HTML. portfolio-website. To associate your repository with the flutter-portfolio topic, visit your repo's landing page and select "manage topics. tech which features some of my github projects as well as my resume and technical skills. js and Express. - vaheedsk36/portfolio-website-nextjs Aug 6, 2019 · Bonus: Create a personal website. 0 or higher and npm 9. To associate your repository with the bootstrap-portfolio topic, visit your repo's landing page and select "manage topics. To associate your repository with the cv-template topic, visit your repo's landing page and select "manage topics. Curate this topic. License. About A fully responsive personal portfolio website, Responsive for all devices, build using HTML, CSS, and JavaScript. personal-website. To associate your repository with the frontend-portfolio topic, visit your repo's landing page and select "manage topics. Compatible with all mobile devices and with a beautiful and pleasant user interface. Developed first with the Mobile First methodology, then for desktop. Certification project - building a Personal Portfolio Webpage in freeCodeCamp. User Story #8: My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab. For me, that would be “ kurtispykes. A portfolio is a compilation of materials that exemplifies your beliefs, skills, qualifications, education, training, and experiences. Sep 22, 2022 · To associate your repository with the responsive-portfolio-website topic, visit your repo's landing page and select "manage topics. Aug 6, 2019 · Whatever your reason may be, here is how to build a killer GitHub profile and portfolio in about half an hour. To associate your repository with the react-portfolio topic, visit your repo's landing page and select "manage topics. Beginners in data science looking to showcase samples of work, or projects. Oct 14, 2023 · Are you a developer ready to showcase your skills and projects to the world? Look no further! In this guide, we’ll walk through the process of creating an impressive portfolio website using This repository contains the code and assets for my personal portfolio website, showcasing my skills, projects, experience, and more. Oct 14, 2023 · Are you a developer ready to showcase your skills and projects to the world? Look no further! In this guide, we’ll walk through the process of creating an impressive portfolio website using Add this topic to your repo. More than 100 million people use GitHub to discover, fork, and contribute to over 420 million projects. This repo contains an easy-to-customize personal dev portfolio template that was created with Sass and JavaScript. Basic Steps for Hosting Website on GitHubHere, we are going to discuss the step-by-step process o This repository contains the code and assets for my personal portfolio website, showcasing my skills, projects, experience, and more. Then describe your work experience in machine learning, especially recently completed personal projects. Smooth scrolling in each section. Jan 27, 2023 · Your short description should be no longer than two paragraphs. A fun way to track of your projects. The site showcases my skills, projects, and professional background as a Full Stack Developer specializing in the MERN stack. Please do not copy it directly. " GitHub is where people build software. To associate your repository with the one-page-website topic, visit your repo's landing page and select "manage topics. You signed out in another tab or window. You switched accounts on another tab or window. This project aims to assist them in effortlessly creating their own portfolio websites using my customizable template. NOTE: Make sure to set analyticsId from your Google Analytics account inside the Google Analytics script tag, if you want to use your portfolio-website. To associate your repository with the minimal-portfolio topic, visit your repo's landing page and select "manage topics. Customize portfolio theme by using your own color scheme globally in the src/_globalColor. Node. com Add this topic to your repo. Push the generated code to the master branch of this repository. To associate your repository with the html-portfolio topic, visit your repo's landing page and select "manage topics. . To associate your repository with the student-portfolio topic, visit your repo's landing page and select "manage topics. Create in minutes a website with Blog, CV, Project Section, Store and RSS Feed. If you are using GitHub Actions to deploy your portfolio you can skip this section. 10013 10740 HTML. To review, open the file in an editor that reveals hidden Unicode characters. This is my fully responsive personal portfolio website responsive for all devices, built using HTML, CSS, and JavaScript. To associate your repository with the django-portfolio topic, visit your repo's landing page and select "manage topics. Fortunately platforms like GitHub provides the facility to host a website for free. Contribute to joegrayson/portfolio-template development by creating an account on GitHub. This project is open source, so please feel free to fork and adapt for your own projects (credit would be appreciated). The user stories are listed therein (be sure that the Astrofy is a free and open-source template for your Personal Portfolio Website built with Astro and TailwindCSS. Jan 8, 2024 · Maggie has created an excellent example of a clear, attractive, accessible GitHub portfolio site. Ensure that you have a branch named gh-pages. DEMO: https://sleepy-engelbart-41ce4b. Styling: CSS3, crafting the visual aesthetics and layout. Personal portfolio. A portfolio website is generally a static website featuring work samples and other details as explained above. You can either code one or use a website like about. Reload to refresh your session. It provides insight into your personality and work ethic. Don’t confuse the simplicity for the work of a rookie—this is a thoughtful site, showing a bit about her, her CV/resume, portfolio projects, and her related passions of the talks she gives as well as some blog articles exploring her journey User Story #6: My portfolio should have a navbar with an id of navbar. To associate your repository with the nextjs-portfolio topic, visit your repo's landing page and select "manage topics. This project is free to use and does not contains any license. And yes, it comes with a free SSL certificate! A simple static portfolio website can be built using any code tools like Brizy Cloud, EditorX, Webflow, or any other tool (there are many available right now). com's preferred online webpage host (codepen. In this article, we will see How to Host a Website on GitHub For Free. ) by running bun run setup. I tried to replicate my tribute page to be similar to the freeCodeCamp's personal portfolio webpage example. From there, you can rename your repository to 'USERNAME. portfolio-template. This project is a constant work in progress, so if you find any bugs, typos or other errors, please feel free to open an issue or pull request. To deploy your website, first you need to create github repository with name <your-github-username>. To associate your repository with the professional-portfolio topic, visit your repo's landing page and select "manage topics. Reverse engineer the example project's functionality, and also feel free to personalize it. Name your repository in the following format: <your-username A beautiful, simple, clean, and responsive Jekyll theme for academics. Updated 2 weeks ago. ⚡️ A minimal portfolio template for Developers. portfolio personal-website portfolio-website web-portfolio dev-portfolio cybersecurity-portfolio. 💙 Join the channel to see more videos like this. Finally, mention related interests or passions. This is an example live preview that is updated every time a commit is pushed using github actions. This repository contains the code for my Personal Portfolio Webpage, which is part of the certification projects for the FreeCodeCamp Responsive Web Design course. io) only allows the use of custom assets, images in this case; as a "pro" (paid) feature. 6. Please don't give any other name. To associate your repository with the laravel-portfolio topic, visit your repo's landing page and select "manage topics. index. To associate your repository with the resume-website topic, visit your repo's landing page and select "manage topics. js and styled with SASS. - manuelernestog/astrofy portfolio-template. The objective of this project is to build a functional product landing page similar to https://personal-portfolio. The final step is to create a new repository on Github. The first certification of the freeCodeCamp curriculum. Responsive Personal Portfolio Website HTML CSS & JavaScript. User Story #7: The navbar should contain at least one link that I can click on to navigate to different sections of the page. To associate your repository with the web-developer-portfolio topic, visit your repo's landing page and select "manage topics. To associate your repository with the developer-portfolio topic, visit your repo's landing page and select "manage topics. js, a popular JavaScript library for building user interfaces, and integrates Tailwind CSS, a utility-first CSS framework. 9. Nov 3, 2020 · An open-source personal portfolio website designed specifically for newcomers and other developers. Hi, This is the Personal Portfolio site for Hemant Joshi, built with Bootstrap and a lot of love. GitHub is where people build software. Welcome to my personal portfolio repository! This repository serves as a showcase of my work as a web developer. This project was built using these technologies. Express. Live Preview. github. Serves as a digital resume to demonstrate your technical skills. js file Here, you can modify all the values but keep the key's names, structure and className the same; you can also add new values to the configs containing a list. Apr 27, 2021 · I have created a Portfolio Website for this use case and hosted this for free using Github Pages. User Story #6: My portfolio should have a navbar with an id of navbar. html. io ”. Things we will cover in this tutorial: Create a GitHub profile; Add repositories You signed in with another tab or window. freecodecamp. Jul 23, 2020 · This GitHub Action is a Fork of the original GitHub Activity Readme Action by jamesgeorge007. User Stories: In software development and product management, a user story is a description consisting of one or more sentences in the everyday or business language of the end user or user of a system that captures what a user does or needs to do as part Follow the installation guide to install the software; Create a new feature branch with git checkout -b <name-of-your-feature-branch>; Make changes and commit them in the feature branch. There are many ways to create a personal website to go along your GitHub portfolio. sass css3 reactjs google-analytics nextjs portfolio-website mit-license portfolio-page developer-portfolio portfolio-project chakra-ui Add this topic to your repo. Just change src/portfolio. To associate your repository with the github-pages-template topic, visit your repo's landing page and select "manage topics. Built using Next. I leveraged Git's branching and merging capabilities to manage different features and bug fixes separately, ensuring smooth collaboration with my team. You signed in with another tab or window. 🚀 Dev Portfolio V2 has arrived. This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. Its our goal is to improve the original GitHub Action while also providing new features for the users. app/ Feel free to use the code, do remember to star as you do and in case of any issue feel free to ping me out or open a issue over here. #FCC: Build a Personal Portfolio Webpage Exercise This repository exists due to the fact that FreeCodeCamp. Bedimcode Nov 3, 2020 · An open-source personal portfolio website designed specifically for newcomers and other developers. js to get your personal portfolio. To associate your repository with the photography-portfolio topic, visit your repo's landing page and select "manage topics. React. Hi, I'm Katie! 🙋🏻♀️ This is a fuss-free guide to create your GitHub portfolio. To associate your repository with the best-portfolio-website topic, visit your repo's landing page and select "manage topics. Consider Your Niche: Ensure your domain name aligns with the type of work showcased on your portfolio. To associate your repository with the animated-portfolio topic, visit your repo's landing page and select "manage topics. Apr 22, 2023 · Create a new repository: Click on the “+” icon in the top-right corner and select “New repository” from the dropdown menu. Things we will cover in this tutorial: Create a GitHub profile; Add repositories Add this topic to your repo. My personal portfolio soumyajit. Code a website: portfolio-website. May 12, 2021 · Step 3 — Hosting on Github. Crediting the author is appreciated. Create a file called . To start using Portfolio Jekyll Theme right away with GitHub Pages, fork the Portfolio Jekyll Theme repository on GitHub. Mar 22, 2024 · Keep It Simple: Opt for a domain name that is easy to remember and type. Here, you will find a collection of projects and code samples that demonstrate my skills, creativity, and passion for web development. Learn more. Portfolio. To associate your repository with the portfolio-project topic, visit your repo's landing page and select "manage topics. You are free to use this code as inspiration. This section teaches html and css to complete five projects each with their own use story requirements. np ti ce wj bc gx bv qm qs ri