Forem: Vijay Thapa

How I Created a Lifetime Free Link-in-Bio Page

Vijay Thapa — Thu, 16 Apr 2026 14:55:15 +0000

To manage and share multiple important links with followers, Link-in-Bio pages are really valuable tools.

Whether to redirect followers to the online store or lead forms or to other social media pages, with one link that sits on a social media profile, Link-in-Bio page helps businesses or influencers to generate revenue or grow subscribers.

But most of the platforms have subscription fees (which range from $100-$1,000 annually) for the most important features like branding, custom domain, advanced analytics, etc.
While looking for the best platforms that’s free and trustable, I found one that has all the advanced features for completely FREE.

So I’m sharing with you the complete knowledge of setting up a Link-in-Bio page that’s free forever.

With this you can either set up the page for your business or earn money by helping others to set up the page following these instructions.

Requirements

To start creating a lifetime free link in bio page, here’s a list of requirements you’ll need to have

Google Account (Gmail) as we’ll be using Google' s platform i.e. Google Sites.
Basic understanding of Drag and Drop builders like Google Sites.
Laptop or a Desktop Computer (cannot be created on a mobile phone).
No design or Coding skills required.

Step-By-Step Guide to Creating a Lifetime Free Link-in-Bio Page

Once you have these basic requirements, you can follow the step-by-step instructions below

1. Access Google Sites Platform

Search “Google Sites” on your browser or go to https://sites.google.com in your browser. If you’re already signed in to your Google Account (Gmail), you’ll be taken to Google Sites Dashboard, else you’ll be prompted to sign in now.

If you don’t have a Google Account, you can create one easily for Free.

2. Start a New Site with Blank Page

Once you’re on the Google Sites dashboard, select “Blank Site” on Start a new site section to start designing your Link-in-Bio page from scratch.

Get Professionally Designed Premium Link-in-Bio Templates
Click Here To Download

3. Name Your Page

Once the blank page opens, the first thing you need to do is to give the page a name.
The name can be your business name or your personal name.
From the top left, change

Site Document Name
Site Title Name

4. Design Your Link In Bio Page

Once you’ve updated the Site Titles, follow the steps below to design your Link-in-Bio page

4.1. Remove Header

To remove the header, first click on the empty section of the header section.
Then click on Delete (bin icon) on the left.

Once the header section is deleted, you’ll be left with a blank canvas as shown below.

4.2. Add Text Box for Title and Short Description

Click on Text Box from the right side Tool bar section which adds an empty Text Box on our blank page.

Then Add Title on First Line and a Short Description on the Second Line as shown in the image below.

Now format the texts.

Select all texts and select “center alignment” to bring all the texts to center.

Select the title (Your Business Name or Your Name) and make it bold, also increase the font size to 14.

Change the line height to 1.5. (Select 3 dots icon … -> Line and Paragraph Spacing -> Custom Spacing -> Line Spacing = 5)

4.3. Structure The Link In Bio Layout

Now, from the ends of the Text Box, drag inwards to give the page “Link In Bio” design as shown in the image below.

4.4. Add Image Placeholder for your Logo or Profile Picture

Now, scroll to the bottom of the toolbar and click on Placeholder to add it to our design.

Then, drag the placeholder to the top of Your Texts (Title and Short description) and decrease the size by dragging inwards from the dots of the placeholder.

4.5. Add Buttons for Links and Customize

Now, from the tool bar section, scroll and select “Button” which will ask you to fill Button Name and Link. Once you add those details and click on insert, it adds a button on our Link-in-Bio design.

Then drag the button just below the Title and Short description text as shown in the image below.

Now, repeat the above process to add as many buttons as you like to add all of your important links which will look like the following.

Note: To add more buttons quickly, you can just select one button and click on the duplicate option (which is a square icon between pencil and bin icon) then change the links and text by clicking on the pencil icon.

Change Button Design

You can make the important one filled and the other just outlined to attract the visitors to not miss clicking on the most important links (these can be your store link, lead form links, etc.).
To do this, just select the button and click on button style (default is Filled) then change it to either Outlined or Text.

Once you change the button style it can look like following

4.6. Add Social Icons for Digital Profile

Now, to add social links, scroll on the tool bar and select “Social Links”, then you’ll have to add all of your social media links as shown below and click on insert.

Note: To add more social media links, click on the Add Link on the left bottom.

Once you add all the links the social links will be added to the page.
Then you’ll have to drag it up to the bottom of all the buttons we added in our link-in-bio design.
The final design should look like this

You can also change the design of the social media icons.
To do that, just select the Social Links and change Icon Size, Icon, Shape, Icon Style, Icon Color, Alignment, etc. as per your liking.
Also you can change the links by clicking on the pencil icon.

5. Brand Your Page

5.1. Add Your Logo

To add a logo, go to the left top section of the page (Site Title) then click on Add Logo button as shown in the image below.

Now, click on the upload button and select your image or logo to set it as logo.
Also fill the Alt Text option with your name or your business name. It’s really important for SEO (Search Engine Optimization - Google Ranking). After uploading the logo and adding Alt Text, you can close the window, all the information is automatically saved.

Also at the bottom, it automatically recommends the color for your link in bio page, from the logo or image you’ve uploaded. You can either select any of the colors or continue using default colors. This is optional.

5.2. Add Favicon

After you’ve added the logo, there is an option to add Favicon if you scroll down. You can upload the same image or logo here.
This is shown at the top of the tab in your browser. After uploading the image, you can close the window, it is automatically saved.

5.3. Add Your Image on Your Main Profile

Now, to add the image or logo on the main profile of our Link in Bio page, just click the “+” icon of our placeholder, then upload the image (logo).

6. Publish Your Link In Bio Page

Finally to publish the page and make it publicly visible that can be accessed from anywhere in the world on the internet, you just need to click the Publish button on top right and add the Web Address you prefer.
Note: It automatically suggests the name based on the name of your Site Title or you can add the name you prefer. Then click Publish Button.
My this Link-in-Bio page link is https://sites.google.com/view/vijaythapa/home

Sometimes you may need to manage the visibility while publishing the page i.e. "Who can view my site" should be set to Anyone.

For that, click on MANAGE link on the left button of the publish pop-up window and set to Anyone for Published site option.

You can access your link by going on the top tool bar and clicking on the link icon as shown below

7. Bonus: Display Announcement Banner

If you’re offering special offers or discounts to your followers and want to let them know, then an announcement banner is the feature you need whether on the “Link in Bio” page or on your website.
And you can easily add this feature on this “Link in Bio Page”. Just follow the steps below

Click on Settings / Gear icon at the top.
Toggle On the Show banner option.
Select a Banner Color.
Then select the Announcement banner at the bottom of the pop-up.
Then add Message, Button Label and the link you want to redirect your customer to.
Check the box “Open in new tab” if you want to open a new tab which can be a store or a lead form.

8. Bonus: Add Analytics and Custom Domain

If you want to know about the users who visited our Link in Bio page (i.e. Country, Devices they Used, Time Spent on the page, and many more) or add your own custom domain so that your followers can easily access the site, then you can easily do it from the settings page.

For this, click on the Gear or Settings icon on the top tool bar, then go to Custom Domains or Analytics and setup.

Must Do Things After Publishing (Creating) Link in Bio Page

Some of the must do things after publishing the Link in Bio Pages are

Add the link on all the social media platforms (TikTok, Instagram, Facebook, LinkedIn, Twitter, Snap, etc.).
Let your followers know about the newly generated links by sharing as posts, stories, or reels.
Create a QR Code with the link of “Link in Bio” page, add it in your digital products, or physical products like brochures, business cards, menus, etc. for your customers to access the link just by scanning with the phone.

Best Practices for Link In Bio Pages

Here are some of the best practices to make your Link In Bio pages effective and optimized for conversion (convert visitors to customers)

1. Prioritize Your Links: Add links based on the priority, either by order (Importants on the top) or design (Filled style to the most important one and remaining in outlined style).
2. Keep the Link Label Clean, Short and Easy to Scan: Limit the number of links on your bio pages and give short concise names to the label of the link that’s easy to scan and understand.
3. Put Matching link Text with Call to Action: While adding the link in your social media profiles or on websites, tell people what to do with the links. Like, “Shop our new collection from the link in our bio”, “Download the step by step guide from the link in the bio”, “Get The First Consultation for Free from the link in our bio”, etc.
4. Keep the Links Updated: Regularly check the links you’ve added on the “Link in Bio Page” and remove those with low priorities, update broken links, add new current promotions, etc.

Professionally Designed Premium Link-in-Bio Templates

To help you setup your lifetime free Link-in-Bio Page, I have designed the templates which you can duplicate in one click and publish immediately.

No monthly fees. Google-powered security and speed. Full customization + free custom domain & Analytics.

Check the demos from the links below

For Businesses: Demo | Download
For Influencers: Demo | Download
For Bio (Career/CV): Demo | Download
For Bakeries: Demo | Download
For Restaurants: Demo | Download

What Is The Difference Between Single and Double Quotes in PHP?

Vijay Thapa — Tue, 09 Dec 2025 07:48:16 +0000

To assign string values in PHP, we use quotes. And we use single quotes and double quotes interchangeably as similar things until you get some error.
You’ll feel you’ve written the correct code after checking it multiple times and don’t know why it’s not working.
It’s frustrating, I know and have been there as well.

When are Single Quotes and Double Quotes used in PHP?

Simply, as told earlier quotes are used to assign string variables in PHP.
And if the string value has double quote (“”) on it, then single quotes is used to assign it to the variable.
For example

$variable1 = ‘This is a “GAME” changer’;
// Output: This is a GAME changer.

Similarly, if the string value has a single quote (‘’) on it, then double quotes is used to assign it to the variable.
For example

$variable2 = “I’m Vijay.”;
// Output: I’m Vijay

Escaping

If you don’t want to switch between Quotes (Single and Double), you can simply use escaping technique. Simply, escaping is ignoring a character and you can do it using backslash \ .
For example

$sentence = ‘I\’m Vijay.’;
// Output: I’m Vijay. 
// It simply ignores the single quote after I in the sentence.

And here comes String Interpolation

Apart from generic uses of quotes in PHP, there’s a technique called String Interpolation where you can embed variable values on string which makes it easier to make dynamic texts.
And it can be easily performed with double quotes in PHP.
For example

$name = “Vijay”;
$sentence = “My name is $name”;
// Output: My name is Vijay

Sometimes we forget and use single quotes while passing the variable which gives us an error with a headache as it’s a silly mistake and hard to spot.
For example

$name = “Vijay”;
$sentence = ‘My name is $name’;
// Output: My name is $name

You can also perform string interpolation with single quotes using Concatenation technique. It is a technique of connecting two or more strings/variables. And it’s done with “.” (dot or fullstop) sign in PHP.
For example

$name = ‘Vijay Thapa’;
$sentence = ‘My name is ’.$name;
// Output: My name is Vijay Thapa

So, the difference between single quote and double quote in PHP is subtle but important.

You May Also Like 👇

Vijay Thapa

Nov 22 '25

Why does the PHP header redirect not work sometimes?

#php #webdev #beginners #tutorial

Comments 3

3 min read

Why does the PHP header redirect not work sometimes?

Vijay Thapa — Sat, 22 Nov 2025 07:37:48 +0000

Ever stuck hours or days looking for bugs in your PHP project when the redirection is not working as expected?
I felt the same while working on a project for my new PHP course. And after looking for possible bugs for some time, I remembered the fix I used when I was just a beginner (a decade ago).
Then I tried it and it worked as expected.

Now I was curious to know why the PHP header was not working when another fix is working fine.

So I did a quick Google search and found out that there should not be any output (like HTML, whitespace or errors) before header() function call. It’s similar to the “Cannot modify header information” error.

Possible Causes of Header Errors

1. Whitespace before opening PHP tag: Any space or new line before the opening “<?php” tag is considered as an output.
2. HTML output before Header call: Any echo/print statements that have been executed before header redirection also can cause the issue.
3. URL issue: The URL you pass on the header function must be properly formatted. Any type error (misspelling) can also prevent header from properly redirecting.
4. Dropped HTML Comments: HTML comments that are misplaced and rendered before the header call also can cause the error.

How to fix the header not redirecting issue on PHP?

There are few quick fixes to the header not redirecting issue on PHP that I have personally used in my projects. Let’s explore them

1. Buffer Output

One of the essential features in PHP is Output Buffering which temporarily stores output before sending it to the browser. Usually PHP sends output (like HTML, echo statements, etc.) immediately and into pieces. But with Output buffering, it sends the output data altogether to the browsing by compressing which improves performance in PHP applications and also prevents “headers already sent errors” or header redirection issues.

How to fix header redirection issue with Buffer Output?

To fix the header redirection issue with Buffer Output in PHP, you just need to add “ob_start()” function at the top of your page as soon as PHP tag opens “<?php” .
For example:

<?php 
ob_start(); // Start Output Buffering
echo “Output Buffering Started”;
header(‘location:https://vijaythapa.com.np/’);
// And all other PHP code
?>

2. Use JavaScript Redirection

Another quick and easy fix is to redirect with JavaScript. You can just use the “window.location” function in your script.
For example:

<?php 
echo "<script type='text/javascript'>  window.location='https://vijaythapa.com.np/'; </script>";
?>

3. Use “Exit” after redirect calls

Similarly, you can also use ‘exit()’ PHP function after the header() redirection which prevents any accidental output that could mess up the redirection process.
For example:

<?php 
header(‘location:https://vijaythapa.com.np/’);
exit();
// And all other PHP code
?>

It can sometimes be irritating and time consuming to manage redirection in PHP. But by following the best practices discussed in this article (like output buffering, using exit(), etc.) you can mitigate the headaches and complete your web application while maintaining effective control over user navigation.

But if you’re still facing the header redirection issues, then comment below or email me with the screenshot of your code at hi@vijaythapa.com.

You may also like 👇

Vijay Thapa

Dec 9 '25

What Is The Difference Between Single and Double Quotes in PHP?

#php #webdev #beginners #programming

Comments 1

2 min read

How I Created & Published A Chrome Extension With AI?

Vijay Thapa — Sun, 12 Jan 2025 06:23:59 +0000

In the beginning I was skeptical about the use of AI either to write articles or in coding. Because whenever I used AI to create articles, it felt like just paraphrasing the existing articles on the web.

So the use of generative AI for me was limited to summarizing and quick research.

But one day I saw a video about the success story of Chrome Web Extension and developers earning millions.

The idea felt so compelling that I wanted to try making one.
And when I researched, I found out that Chrome Web Extensions are built using JavaScript but I was not so good at it.

So I learned the basics of JavaScript and also the anatomy (file and folder structure) of Chrome Web Extensions.

Since I just wanted to validate the idea of creating an extension and publishing it on the official Chrome Webstore, I planned to use AI tools to create it.

So I wrote my first prompt (instruction) on Gemini (AI by Google) and it wrote the code, but when I tried it, it didn’t work. I tried multiple variations but none worked. So I took a rest for a couple of days without writing a code for the extension.

Simply, I wanted to create an extension which would display the list of upcoming 5 festivals with the remaining number of days. First one should be in larger font size and the remaining on smaller font size.

After a couple of days, I wanted to give it a last chance and wrote the prompt.
And the Gemini generated the code which when I tried worked. Then I published it on the Chrome Web Store and it’s called “Nepali Festivals Tracker”. You can try it.

Using AI to Write Code

To create this “Festivals Tracker” chrome extension I’ve used Gemini by Google which is free and accessible to anyone.
And here’s how I used it to create a working Chrome Extension in a few minutes.

But if you’re new to creating chrome extensions, JavaScript and HTML/CSS, then I first recommend you watch a few videos on them. Especially understanding the file and folder structure to create a Chrome Extension.

Now I assume you are familiar with HTML/CSS, JavaScript and Chrome Web Extension Development.

The Prompt

Here’s the prompt I gave to gemini in order to make the Chrome Web Extension.

Generated Code

As per the file structure of Chrome Web Extension, it generated following codes.

1. Manifest File (manifest.json)
This file defines the basic structure and permissions for the extension.

2. Popup HTML (popup.html)
This HTML file will display the festival information.

3. Popup JavaScript (popup.js)
This JavaScript file will handle the logic for tracking festivals.

4. Background Script (background.js)
This script runs in the background and can handle tasks like periodically checking for updates.
Since my extension was simple, it did not need to run in the background.

Testing Locally

Once the code is generated you can test it locally to check whether it works or not. To do that you need to open your Chrome Web Browser on your computer and enable “Developer Mode”, then upload a folder including all the code files.

You can follow the instructions below

Create a new folder for the Chrome Extension.
Place all the files (manifest.json, popup.html, popup.js, & background.js) in that folder.
Load the extension into Chrome by going to chrome://extensions/, enabling “Developer Mode”, and clicking “Load unpacked”.

After testing, I found out that the extension was working as I wanted, so in the next step I tried to make it more beautiful by adding some CSS (Like any other web app) on it.
And of course I asked Gemini to do it as I wanted this project to be done by AI and test its capabilities. To my surprise, it added CSS and made the UI modern and beautiful. Here’s the final design after I added a few tweaks on it.

After I was satisfied with the design of the extension, I wanted to take it further and check whether it can be published on the official Chrome Web Store or not.

So I created a Chrome Developer account by paying a $5 one time fee and submitted it to the Store.

And in a couple of hours it was accepted and now it’s available on the Official Chrome Web Store for anyone to try it for FREE.

Now Create Your Own

There are hundreds of tribes or groups with their own unique festivals where may not be listed on the official National Calendar.

And the apps (extensions) like these can be helpful to share awareness to people all around the world or simply to track your festival when you’re away from home.

The festival might not be important to everyone but for the minorities, it’s their identity.

And apps/extensions like Festivals Tracker can be a step towards conservation of the identity (Culture, Tradition and Festivals).

So, I’ve shared all the information and also proved that it’s possible, now it’s your turn to try and make something useful with AI.

But if you just want the source code and publish your own extension, then CLICK HERE
(Discount for the month of January. Code - 3525C)

At last, I’ve felt that AI can be an assistant that you never thought you needed.

If you can give a clear prompt (instructions), it can help you to complete any tasks quicker. It can be useful either to generate ideas, research and create MVP as fast as possible.

So, Be good at prompting and AI will be the best assistant you can have.

I built a Learning Management System with Django

Vijay Thapa — Tue, 26 Nov 2024 08:41:45 +0000

I created this project back in 2020 during COVID lockdown but haven't published it online yet.

During that time I was creating courses on Website Design and Development with HTML, CSS, PHP & MySQL, Software Development with C# and databases like MS SQL Server and Oracle. And all of them were free on YouTube.

Also the only revenue source was YouTube Ads revenue which was not much (since very few people watch programming videos), and I also tried selling courses on Udemy but it was also not much ($3-$5 after taking their cut).

So I wanted to create my own platform like Udemy or Skillshare where I could publish my premium courses and sell.
Thus I started building it using Django framework in Python as it was the fastest and secure way to setup the project.

But unfortunately at the end of the project development, I found out that there was no international payment option like PayPal or Strip in our country, Nepal.
And without it there was no way to accept payment from international students, also I need to pay for the services like Domain and Hosting.

So I stopped working on it though it was on the final stage.
And it's already been 4 years.
Though I've not published it, I wanted to share it with you hoping it could be helpful to you.

👨🏻‍💻 Built With

This Learning Management System project is built with

Front-End: HTML, CSS, JavaScript and Bootstrap
Back-End: Django (Python)
Database: SQLite (Any other database can be added)

🤩 Features of the Project

A. Admin Can

Create a Course and then add multiple lectures on a course
Manage Users (Students)
Manage Social App Login

B. Users/Visitors Can

Secure Authentication (Sign up, Login, Reset, etc.)
Login with Google and Github
Enroll to the course
See Enrolled Course or Search for new Course
Update Profile
Change Password

⚙️ How to Install and Run this Project?

Pre-Requisites:

Install Git Version Control [ https://git-scm.com/ ]
Install Python Latest Version [ https://www.python.org/downloads/ ]
Install Pip (Package Manager) [https://pip.pypa.io/en/stable/installing/ ]
Alternative to Pip is Homebrew

Installation

Create a Folder Where you want to save this project.
Create a Virtual Environment and Activate

Install Virtual Environment

$ pip install virtualenv

Create Virtual Environment

For Windows
$ python -m venv venv

For Mac
$ python3 -m venv venv

Activate Virtual Environment

For Windows
$ source venv/scripts/activate

For Mac
$ source venv/bin/activate

Clone This Project (Using SSH)

$ git clone git@github.com:vijaythapa333/django-courses.git

Then Enter The Project
$ cd django-courses

Install Requirements from "requirements.txt"
$ pip install -r requirements.txt
Add the Hosts

Go To Settings.py file
Then, On allowed hosts, Add [‘’].
`ALLOWED_HOSTS = ['']`

No need to Change on Mac

Run Server For Windows

$ python manage.py runserver

For Mac
$ python3 manage.py runserver

$ python manage.py createsuperuser

Then Add Email, Username and Password

or Use Default Credentials

Username: admin Password: admin

Project Demo and Detail

Download The Code

If you didn't find the git clone option at Installation step above 👆 , then use the link below to get the source code of this project.

vijaythapa333 / django-courses

Courses Web App to share Online Courses, Lectures and Digital Contents

django-courses (Learning Management System)

Introducing Django Courses: the all-in-one solution for educators who want to launch their Online Course Website quickly and effortlessly.

Effortlessly manage your courses and lectures: Organize your content seamlessly, categorize Courses, and manage lessons.
Empower your students: Provide a smooth learning experience with intuitive navigation, and secure user accounts.

👨🏻‍💻 Built With

This Learning Management System project is built with

Front-End: HTML, CSS, JavaScript and Bootstrap
Back-End: Django (Python)
Database: SQLite (Any other database can be added)

ADD a STAR ⭐️ to this project 👆 if you like "Django Courses" project.

🤩 Features of the Project

A. Admin Can

Create a Course and then add multiple lectures on a course
Manage Users (Students)
Manage Social App Login

B. Users/Visitors Can

Secure Authentication (Sign up, Login, Reset, etc.)
Login with Google and Github
Enroll to the course
See Enrolled Course or Search for new…

View on GitHub

Also Check Other Django Projects

Simple Multi-Vendor Website with Django [Download]

Vijay Thapa ・ Aug 6 '21

#django #python #programming #webdev

Django eCommerce Website, Jewelry Shop (Download)

Vijay Thapa ・ Jun 19 '21

#django #webdev #python #programming

If you ❤️ projects like these, then kindly share with your family and friends. 👨🏻‍💻

After 3 Years I Launched 🚀 a New Web Design Course & People Are Loving It

Vijay Thapa — Thu, 15 Aug 2024 09:38:41 +0000

In this course you learn to design the homepage of a Social Networking Site which is responsive, modern and scalable.

Why I Created This Course?

During COVID lockdown, I created multiple Web Designing Courses for Beginners where students learned to design “Restaurant Website”, “Personal Portfolio Website” and “House Rental System”.

These courses were completely FREE as I wanted to share what I’ve learned with everyone.

And I got positive responses from the students all around the world.
Anyone from any educational background or profession could learn from them as long as they have a computer and internet connection.

During those hard times, the courses helped many to start a new career and earn a living as well.

I also knew that the courses were just the starting phase of a Web Designing Career and they would need to learn more to be High Paying Designers.

And I had also planned to create more courses but unfortunately for personal reasons I couldn’t continue creating more new courses.

Since I was living in a less developed country I had my own struggles with work, family and freelance projects (will discuss this in a separate blog/video).

Finally I’m back to making new courses after 3 years.

And this is the first one. In this course you’ll learn to design websites using the Bootstrap framework.

In my previous courses, you learned to design responsive websites using HTML and CSS, which is a foundation course and the most important ones as well.

Now since you learned all the basics of Web Design, you need to learn the framework as it helps to design websites faster and also helps companies to work seamlessly in a team, maintain code and make scalable designs.

This course can help you to join a new big team/company or be a highly paid web designer.

Who is This Course For?

This course is for anyone who wants to design websites faster and be job ready.
Anyone who knows the basics of HTML & CSS for web design can take this course.

What Will You Learn From This Course?

At the end of this course you will design a responsive and modern homepage of a Social Networking Website.
During the course, you will learn to

Use Bootstrap framework and its documentation for Web Design.
Understand the Bootstrap Grid Layout.
Explore Bootstrap 5 Components, Utilities, Forms and Helpers.
Customize Bootstrap Design with CSS.

How To Access This Course and What’s The Price?

To access this course you need to go to my YouTube channel and look for “Bootstrap Web Design Course 2024”.
Or Play the vide here 👇. The course is completely FREE.

SUBSCRIBE 🔔

All I request you to do is learn as much as possible and make more projects on your own as well.
And if you think the course could be helpful to your family and friends, then SHARE with them as well.

What Next?

Once you learn the basics of HTML, CSS as well as frameworks like Bootstrap, then you need to learn these things if you want to Be a High Paying Web Designer

Color Psychology

Design Principles

Brand Identity Design

Strategic Web Design

If you've any questions or suggestions please leave a comment ✍🏻

Unable to Connect Git and Github. So I did this 👇

Vijay Thapa — Sat, 11 May 2024 06:15:31 +0000

After 4 years, I came back to programming.

And the first thing I did was try to run my old abandoned project.

Now, I was determined to complete it and share.
So started to complete the unfinished features and give them some final touches.

Once I completed one of the features, I saved the changes on git and tried to push it to Github repository.

Unfortunately I started getting some "Couldn't Connect" type errors.

And it said

You cannot connect git and github with username and password, it deprecated in 2021.

To fix this issue, I did some google search and found a good medium article and a YouTube.

Following those resources I found out that I needed to generate SSH key to connect Git and Github now.

So, I followed the these Steps to connect Git and Github with SSH Keys

1. Generate SSH Keys on My Mac 💻

To generate the SSH keys, I opened thee terminal and executed the following command

ssh-keygen -t Ed25519 -b 256

Once the keys (private and public) are generated, it'll ask for the location to save it.
You can save it in default location by pressing Enter.

Then you'll have to give a passphrase.
You can press Enter if you don't want to add it.

But it's recommended to add a passphrase.

Note: When you push to Github you may need to enter the Passphrase. So you need to remember it.

If you want to check or see the existing SSH keys, use the following command

ls -al ~/.ssh

2. Display the Public Key
After you generated the SSH keys, you need to copy it.
For that you can use the following command to display the public key

cat ~/.ssh/id_ed25519.pub

Then copy the displayed public key from the terminal.

3. Add the Public SSH Key to Github
Now, Log In to Github and then go to Settings and then to SSH and GPG Keys
Link: https://github.com/settings/keys

Then click on New SSH Key

Now, Give Title to your new SSH Key and paste the public SSH key that you copied from Step 2 👆 .

4. Activate SSH agent
Now, in your terminal you need to activate the SSH agent.
For that, use the following command

ssh-add

Hope it's helpful to you.

Resources I referenced

YouTube Video: https://www.youtube.com/watch?v=ESi3pj1iznQ

Medium Article: https://medium.com/codex/git-authentication-on-macos-setting-up-ssh-to-connect-to-your-github-account-d7f5df029320

Step-By-Step Guide to Hosting PHP Website for FREE in 2024

Vijay Thapa — Thu, 25 Apr 2024 11:49:54 +0000

How cool it would be if you could SHARE your first PHP project with your family and friends.

In this article, I'll show you one of the best ways to HOST your PHP website for FREE with Sub-Domain so that you can SHARE the link and anyone can check your website on the internet.

FREE Hosted PHP Project: CLICK HERE for DEMO

Now, without any further delay, let's follow the steps.

Step 1: Create an Account with Free Hosting Provider

Though there are tons of Free Hosting Providers, I've found Aeonfree to be one of the best. And we'll create a free account on their website.

Click Here to Create an Account

Once you fill the form and submit, an activation link will be sent to your email address.
You need to verify it by clicking on the link in your email.

Step 2: Select a Free Sub-Domain

Then the next step is to select a Sub-Domain for your project so that you can share the link with your family and friends.
Aeonfree provides a feature to select sub-domain names from multiple domains.

I love selecting the shortest domain name, so I'll create a sub-domain with .zya.me
And the full link of the sub-domain I've selected is www.foodorderwebsite.zya.me

Note: You can also add your own custom premium domain if you've bought it already.

Step 3: Create and Import Database in Hosting

Now, the next step is to setup database for your project in the Aeonfree hosting.

If you've created your PHP project locally using XAMPP or MAMP, then you'll have to export your database and import it to the hosting database.

To create database in aeonfree hosting, just click on Control Panel, then go to database section to create a new database.

Then once the database is created, you need to go to phpmyadmin and import the database file of your project.

Step 4: Upload All Project Files to Hosting

Once the database is setup and local database is imported, the next step is to upload all the project files from your computer to Hosting File Manager (public_html or htdocs).

You can either zip all the project files and upload it or just upload the files and folders manually one by one.

I choose the first one (Zip & Upload).

For this tutorial, I'm hosting "Food Order Website" project that I created while making a course on PHP and MySQL.

You can use your own project.

To go to the File Manager, just go to the home page of your control panel then scroll down to Online File Manager.

Step 5: Make Changes to Configuration File

Finally, you can make changes to your configuration file so that your project runs smoothly over the internet.

Configuration file can have DATABASE NAME, DATABASE USERNAME, DATABASE PASSWORD, SITEURL or Website Home Page Link, etc.

In my "Food Order Website" Project, I have constants.php file to manage all these settings.

So, we need to update those.
Also the values (Aeonfree Hosting Settings) for these changes are as follows

SITEURL (‘your new domain or subdomain name’). Example:

DB_USERNAME (‘new database User’)

DB_PASSWORD (‘new database User Password’)

DB_NAME (‘new database name’)

Note: Your hosting account username and password are the Database Username and Database Password, respectively.

Follow This 👇 Full Tutorial

Thank you so much for reading til the end of the article.

Hope it was helpful to you.
Keep Learning and Sharing.

You're Awesome 🫡!

Donate

PayPal - https://bit.ly/support-vijay-thapa

Buy me a Coffee - https://www.buymeacoffee.com/vijaythapa

Patreon - https://www.patreon.com/vijaythapa

Learn To Create PHP Projects

How to make Food Ordering Website?

Vijay Thapa ・ Feb 21 '21

#php #mysql #webdev #tutorial

How to Create Task Manager App with PHP

Vijay Thapa ・ Feb 25 '21

#php #mysql #tutorial #webdev

Which Programming Language Should You Learn in 2022?

Vijay Thapa — Sat, 13 Nov 2021 03:57:20 +0000

This is the question I used to ask when I was starting to learn programming.
And I think not only me but everyone has this question at some point.

It’s because we want to secure our job, which means we want to get a job as soon as we learn a specific programming language.

And it’s normal as a human being that nobody wants to spend time for nothing.

So, if you want to learn programming language and get the job as soon as possible then look for the requirements or vacancies available near your location or where you want to work.

And based on that you can choose any programming language and hone your skill.

In a country like ours (Nepal) PHP programmers are highly required because most of the projects (websites) here are built with Wordpress or PHP frameworks like Laravel and CodeIgniter.

And why are they popular?

Because the development cost is cheaper, you can develop and host the sites at low cost.

Besides PHP, vacancies for asp.net, Django (python), MEAN stack, flutter, etc. are also on rise.

So my first suggestion is look for the vacancies available in your area and then you can choose a programming language.

Every programming language has its strengths and weakness

So if you’re learning programming then don’t deviate from it, just keep learning and excel at it.

TBH, none of the programming languages is the best or worst.

So you can learn any programming language. If you become good at a language then it won't be that hard to learn another language (if you want to shift).

Logic is the same in every programming language, the only difference is syntax.

First find the technology you're interested in, like Web App, Mobile App, Desktop App, Data Science, AI, Blockchain, etc. and then choose programming accordingly.

For me, it was Hit-and-Trial.

I started with C, then learned C++, C#, Java (Android), Asp.net, PHP, etc. in college. And among them I found PHP the easier language (It might be different for you).

So, focus on one programming first, you can always shift to another language within months once you're good at one programming language.

Summary

Choose programming language

Based on the no. of vacancies
Based on Technology you’re interested in
Hit and Trial

What do you think 🤔 ?
Let me know in the comment below 💬

How to make Food Ordering Website?

Vijay Thapa ・ Feb 21 '21

#php #mysql #webdev #tutorial

Simple Multi-Vendor Website with Django [Download]

Vijay Thapa — Fri, 06 Aug 2021 17:35:37 +0000

This is a simple MultiVendor e-commerce website built with Django (Python) and Stripe is added as payment processor.

In this website, Vendors (Stores) can register and add their products.

And Users can visit the product and order by paying with Debit/Credit Card (Stripe is Used).

Then Vendor gets the email notification about the order and should deliver the product to the customer based on the address details.

Free Software Development Courses

Features of this Project

A. Admin Users Can

Manage Category (Add, Update, Filter and Delete)
Manage Products (Add, Update, Filter and Delete)
Manage Users (Update, Filter and Delete)
Manage Orders (View and Process)

B. Vendors Can

Add Products
Update Profile
Gets Notification When an Order is made by Users
Get Orders and Manage Them

C. Users Can Can

Add to Cart
Pay with Debit/Credit Card and Order
While Checkout, User should give the address to deliver
Get Email Notification about the confirmation of the order

Donate

PayPal

Buy me a Coffee ☕️

Donate by wire transfer: E-Mail at donate@vijaythapa.com for wire transfer details.

How to Install and Run this project?

Pre-Requisites:

Install Git Version Control
[ https://git-scm.com/ ]
Install Python Latest Version
[ https://www.python.org/downloads/ ]
Install Pip (Package Manager)
[ https://pip.pypa.io/en/stable/installing/ ]

Alternative to Pip is Homebrew

Installation

1. Create a Folder where you want to save the project

2. Create a Virtual Environment and Activate

Install Virtual Environment First

$  pip install virtualenv

Create Virtual Environment

For Windows

$  python -m venv venv

For Mac

$  python3 -m venv venv

Activate Virtual Environment

For Windows

$  source venv/scripts/activate

For Mac

$  source venv/bin/activate

3. Clone this project

$  git clone https://github.com/vijaythapa333/simple-multivendor-site.git

Then, Enter the project

$  cd simple-multivendor-site

4. Install Requirements from 'requirements.txt'

$  pip install -r requirements.txt

5. Add the hosts

Got to settings.py file
Then, On allowed hosts, Add [‘*’].

ALLOWED_HOSTS = ['*']

No need to change on Mac.

6. Now Run Server

Command for PC:

$ python manage.py runserver

Command for Mac:

$ python3 manage.py runserver

7. Login Credentials

Create Super User (Admin)

Command for PC:

$  python manage.py createsuperuser

Command for MAC:

$  python3 manage.py createsuperuser

Then Add Email, Username and Password

For Sponsor or Projects Enquiry

Email - hi@vijaythapa.com
LinkedIn - vijaythapa

Download from Here

vijaythapa333 / simple-multivendor-site

Simple Multi Vendor E-Commerce Website using Python Django.

Also Check Other Django Projects

Django eCommerce Website, Jewelry Shop (Download)

Vijay Thapa ・ Jun 19 '21

#django #webdev #python #programming

I built a Learning Management System with Django

Vijay Thapa ・ Nov 26 '24

#webdev #django #programming #opensource

Django eCommerce Website, Jewelry Shop (Download)

Vijay Thapa — Sat, 19 Jun 2021 09:17:25 +0000

This is a simple e-commerce website built with Django (Python) and PayPal is added as payment processor.

I've made this as a "Jewelry Shop" website but you can make any website you like.

Project Demo on YouTube

Features of this Project

A. Admin Users Can

Manage Category (Add, Update, Filter and Delete)
Manage Products (Add, Update, Filter and Delete)
Manage Users (Update, Filter and Delete)
Manage Orders (View and Process)

B. Non-Registered Users Can

View Products (Can filter based on category)
Explore Product Details and Related Products

C. Registered Users Can Can

All of Non-Registered Users
Add to Cart
Pay with PayPal or Debit/Credit Card and Order
See the Order Status
See Order History
Update Profile
Change Password
Reset Password

Support Developer

Subscribe & Share my YouTube Channel - https://bit.ly/vijay-thapa-online-courses

Donate

PayPal

Buy me a Coffee ☕️

Donate by wire transfer: E-Mail at donate@vijaythapa.com for wire transfer details.

How to Install and Run this project?

Pre-Requisites:

Install Git Version Control [ https://git-scm.com/ ]
Install Python Latest Version [ https://www.python.org/downloads/ ]
Install Pip (Package Manager) [ https://pip.pypa.io/en/stable/installing/ ]

Alternative to Pip is Homebrew

Installation

1.Create a Folder where you want to save the project

2.Create a Virtual Environment and Activate

Install Virtual Environment First

$  pip install virtualenv

Create Virtual Environment

For Windows

$  python -m venv venv

For Mac

$  python3 -m venv venv

Activate Virtual Environment

For Windows

$  source venv/scripts/activate

For Mac

$  source venv/bin/activate

3.Clone this project

$  git clone https://github.com/vijaythapa333/django-jewelry-shop.git

Then, Enter the project

$  cd django-jewelry-shop

4.Install Requirements from 'requirements.txt'

$  pip install -r requirements.txt

5.Add the hosts

Got to settings.py file

Then, On allowed hosts, Add [‘’].
ALLOWED_HOSTS = ['']
No need to change on Mac.

6.Now Run Server

Command for PC:

$ python manage.py runserver

Command for Mac:

$ python3 manage.py runserver

7.Login Credentials

Create Super User (Admin)

Command for PC:

$  python manage.py createsuperuser

Command for MAC:

$  python3 manage.py createsuperuser

Then Add Email, Username and Password

Download from Here 👇

vijaythapa333 / django-jewelry-shop

Simple E-Commerce Website with Django

Also Check Other Django Projects

Simple Multi-Vendor Website with Django [Download]

Vijay Thapa ・ Aug 6 '21

#django #python #programming #webdev

I built a Learning Management System with Django

Vijay Thapa ・ Nov 26 '24

#webdev #django #programming #opensource

How to make a Strong LinkedIn Profile?

Vijay Thapa — Thu, 04 Mar 2021 05:12:15 +0000

If you just follow the following steps, you'll have a pretty strong LinkedIn profile that potential clients, employers and recruiters love ❤️.

Steps to make Strong LinkedIn Profile

1. Professional Profile Picture: Upload a picture on a professional/formal dress and don't forget to smile.
Also if you can, remove the background using tools like Photoshop or Canva.
Or Take a picture in plain background.

2. Cover Picture (Background): For your cover picture, you can be creative. Try displaying your workspace or list what you do or you're doing on a plain background.

3. About Section: In about section, Select 3-5 keywords, that define your work, role, interests and add them in your headline and on your about Summary.
In your about section, Try including things like
Who’re you?
Why’re you using LinkedIn?
What are your goals?, etc.

4. Featured Content: In this section, you can add links to your current projects, accomplishments or projects/works that you love from other creators relevant to your industry

5. Experience Description: Add the places you've worked, your roles, activities and projects you're involved in and proud of.
You can also share best memories/experiences from the workplaces.

6. Skills and Endorsement: In this section, you add the skills that you have or use in your work or you're currently building/learning.
And Endorsement is like someone Liking or Vouching for you and your skill.
(Hack: Ask your friends, staffs, teachers, colleagues, employers, teachers, etc. to endorse on your skills)

7. Recommendations: It's similar to endorsement but people write short descriptions about your work or experience on working with you. And recommend to further clients/employers.
(Similar to Endorsement, Ask your teachers, employers and colleague to write you a recommendation. There's also a feature on LinkedIn where you can ask for recommendation (Top right corner of Recommendation section).)

8. Accomplishments: In this section, you can add achievements/projects that you've completed, with short description and links if you've any.

9. Interests: Here, the people or influencer, Company and Groups you follow are shown. So, always follow those who are relevant to your industry or things you're currently involved/interested in.

Grow your Network: Now you need to grow your network by connecting with the people you know or people who're relevant to your industry.
Also react and comment to the posts that you find interesting. Communicate more, Be more valuable. But don't use it as any other social networks like facebook and instagram or dating sites.

"Be Professional and Trust Worthy."

Connect with me on LinkedIn 👇

https://www.linkedin.com/in/vijaythapa/

Forem: Vijay Thapa

How I Created a Lifetime Free Link-in-Bio Page

Requirements

Step-By-Step Guide to Creating a Lifetime Free Link-in-Bio Page

1. Access Google Sites Platform

2. Start a New Site with Blank Page

3. Name Your Page

4. Design Your Link In Bio Page

4.1. Remove Header

4.2. Add Text Box for Title and Short Description

4.3. Structure The Link In Bio Layout

4.4. Add Image Placeholder for your Logo or Profile Picture

4.5. Add Buttons for Links and Customize

4.6. Add Social Icons for Digital Profile

5. Brand Your Page

5.1. Add Your Logo

5.2. Add Favicon

5.3. Add Your Image on Your Main Profile

6. Publish Your Link In Bio Page

7. Bonus: Display Announcement Banner

8. Bonus: Add Analytics and Custom Domain

Must Do Things After Publishing (Creating) Link in Bio Page

Best Practices for Link In Bio Pages

Other Available Link-in-Bio Tools

Linktree

Beacons.ai

Carrd

Stan.Store

Campsite

Professionally Designed Premium Link-in-Bio Templates

What Is The Difference Between Single and Double Quotes in PHP?

When are Single Quotes and Double Quotes used in PHP?

Escaping

And here comes String Interpolation

Why does the PHP header redirect not work sometimes?

Why does the PHP header redirect not work sometimes?

Possible Causes of Header Errors

How to fix the header not redirecting issue on PHP?

1. Buffer Output

How to fix header redirection issue with Buffer Output?

2. Use JavaScript Redirection

3. Use “Exit” after redirect calls

What Is The Difference Between Single and Double Quotes in PHP?

How I Created & Published A Chrome Extension With AI?

Using AI to Write Code

The Prompt

Generated Code

Testing Locally

Now Create Your Own

I built a Learning Management System with Django

👨🏻‍💻 Built With

🤩 Features of the Project

⚙️ How to Install and Run this Project?

Project Demo and Detail

Download The Code

vijaythapa333 / django-courses

Courses Web App to share Online Courses, Lectures and Digital Contents

django-courses (Learning Management System)

👨🏻‍💻 Built With

🤩 Features of the Project

A. Admin Can

B. Users/Visitors Can

Also Check Other Django Projects

Simple Multi-Vendor Website with Django [Download]

Vijay Thapa ・ Aug 6 '21

Django eCommerce Website, Jewelry Shop (Download)

Vijay Thapa ・ Jun 19 '21

After 3 Years I Launched 🚀 a New Web Design Course & People Are Loving It

Why I Created This Course?

Who is This Course For?

What Will You Learn From This Course?

How To Access This Course and What’s The Price?

What Next?

Unable to Connect Git and Github. So I did this 👇

Resources I referenced

Step-By-Step Guide to Hosting PHP Website for FREE in 2024

Step 1: Create an Account with Free Hosting Provider

Step 2: Select a Free Sub-Domain

Step 3: Create and Import Database in Hosting

Step 4: Upload All Project Files to Hosting