Skip to main content

Featured Post

Personal Portfolio Website | HTML | CSS | JavaScript

General Portfolio Details:      A personal portfolio website is an online platform where individuals showcase their skills, experiences, projects, and accomplishments. It serves as a digital resume and a creative outlet, allowing you to present yourself professionally to potential clients, employers, or collaborators. Here's a breakdown of what a personal portfolio website typically includes: 1.  Introduction/About Me:  A brief yet engaging introduction that highlights your expertise, passion, and professional background. It sets the tone for visitors to understand who you are and what you do. 2.  Portfolio/Projects:  Showcase your best work prominently. This could include case studies, descriptions, images, or videos of projects you've completed. Highlighting diverse skills and accomplishments can demonstrate your versatility. 3.  Services/Skills:  A section detailing the services you offer or the skills you possess. Use this area to elaborate on your expertise and what sets y

GitHub Zero to Hero : Getting Started with GitHub

Getting Started with GitHub

Creating an Account, Setting Up a README, and Hosting a Website on GitHub Pages



 Step 1: Creating a GitHub Account


GitHub is a powerful platform for version control and collaborative development. If you're new to GitHub, follow these steps to create an account:


1. Visit [GitHub](https://github.com/) in your web browser.

2. Click on the "Sign up" button.

3. Fill in the required information, including your username, email address, and password.

4. Complete the account creation process by following the on-screen instructions.


Congratulations! You now have a GitHub account. The next steps will guide you through setting up a README file and hosting a website on GitHub Pages.


 Step 2: Setting Up a README file


A README file is essential to provide information about your project. Follow these steps to create a README for your GitHub profile:


1. In your GitHub account, create a new repository named after your username. For example, if your username is "myusername," create a repository named "myusername."

2. Inside the repository, create a new file and name it `README.md`.

3. Edit the README file using the Markdown syntax to add information about yourself, your projects, and any other details you want to share. You can use headings, lists, and formatting to make it visually appealing.


ReadME.md



<h1 align="center" > Hi 👋, I'm YOUR NAME</h1>
        <h3 align="center" >A passionate Web developer from India</h3>
        <img align="right" alt="Coding" width="400" src="https://camo.githubusercontent.com/61491d59e71fec5c794945fed916a4a682b6c0404fc31f30b08a0d919c558404/68747470733a2f2f696d616765732e73717561726573706163652d63646e2e636f6d2f636f6e74656e742f76312f3537363966633430316236333162616231616464623261622f313534313538303631313632342d5445363451474b524a4738535741495553374e532f6b6531375a77644742546f6464493870446d34386b506f73776c7a6a53564d4d2d53784f703743563539425a772d7a505067646e346a557756634a45315a7657515578776b6d794578676c4e714770304976544a5a616d574c49327a76595748384b332d735f3479737a63703272795449304871544f6161556f68724938504936465879386339505774426c7141566c555335697a7064634958445a71445976707252715a32395077306f2f636f64696e672d667265616b2e676966">

        - 🔭 I’m currently pursuing **YOUR DETAILS**

        - 🌱 I’m currently learning **YOUR DETAILS**

        - 👨‍💻 My portfolio website [TEXT TO SHOW](YOUR WEBSITE LINK)

        - 💬 Ask me about **YOUR SKILLS**

        - 📫 How to reach me **YOUR MAIL ID**

        <h3 align="left">Reach Me:</h3>
        <p align="left">
        <a href="-----------YOUR GITHUB LINK----------" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="midhun-v-s" height="30" width="40" /></a>
        <a href="-----------YOUR INSTAGRAM LINK----------" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/instagram.svg" alt="midhun_021" height="30" width="40" /></a>
        <a href="-----------YOUR YOUTUBE LINK----------" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/youtube.svg" alt="unlucky_coder21" height="30" width="40" /> </a>
        <a href="-----------YOUR BLOG LINK----------" target="blank"><img align="center" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Blogger_icon.svg/2048px-Blogger_icon.svg.png" alt="unlucky_coder21" height="30" width="40" /></a>
        </p>

Step 3: Hosting a Website on GitHub Pages


GitHub Pages allows you to host static websites directly from your GitHub repositories. Follow these steps to host a simple website:


1. In your repository, navigate to the "Settings" tab.

2. Scroll down to the "GitHub Pages" section.

3. Under "Source," select the branch you want to use for GitHub Pages. If you have a `docs` folder with an `index.html` file, you can choose the "main" branch.

4. Click "Save."


Your website will be live at `https://yourusername.github.io/repositoryname` (replace "yourusername" with your actual username and "repositoryname" with the name of your repository).


Now, whenever you push changes to the selected branch, GitHub Pages will automatically update your hosted website.


Portfolio Website Source Code Link:

https://unluckycoder21.blogspot.com/2024/01/personal-portfolio-website.html


That's it! You've successfully created a GitHub account, set up a README file for your profile, and hosted a website on GitHub Pages. Feel free to customize your profile further and explore more features of GitHub. Happy coding!

-----------------------------------------------------------------------------------------------------------------------------

Regard's

Coder21


Comments

Popular Post