DEV Community: Arwaz Khan

My Swags

Arwaz Khan — Sat, 16 Apr 2022 07:36:11 +0000

Hello, Dev's... 😊
This is an awesome collection of my developer swags...

SPACE INVADERS GAME

Arwaz Khan — Sun, 02 May 2021 15:38:06 +0000

Hello Dev's
Finally Completed the SPACE INVADERS Game ...
Download the game from this link: https://arwazkhan189.github.io/SPACE-INVADERS/

Please give your feedback to improve the game.

SPACE INVADERS - PC GAME | Trailer

Arwaz Khan — Wed, 28 Apr 2021 19:13:44 +0000

Hello Dev's,
I created a 🛸SPACE INVADERS - PC Game using pygame (Python) ...
The game is almost completed just some final touch left...
After some days game will be available on my website https://arwazkhan189.github.io/

Game Trailer link - https://youtu.be/zF5doa6dUZo

Thankyou 🙏

How to set up a PHP Console

Arwaz Khan — Wed, 28 Apr 2021 14:08:09 +0000

Hello Dev's

In this blog, we will learn how to set up a PHP console.

Why we need this?

PHP is a server-side language (Backend) of web development.
In general, we don't require to take input from the console but sometimes for a small function or block of code, we require this because we don't want to disturb our whole code. It is also required to run some code that does not require a webpage (Interface) or sometimes we must require to take input from the console.

Requirements?

Server: Xampp or WampServer

How to set up this?

First, we have to set up a path in our system environment variable.
Step 1: Goto C drive where your Xampp is installed

Step 2: Goto php folder in Xampp folder

Step 3: Copy the path of that folder

Step 4: Now Goto System Properties then Advance System Settings

Step 5: Goto Environment Variables and follow the below steps and paste the copied path and press ok ok ok...

Now How to run the php file?

Step 1: open command prompt go to the directory where your code is saved ...
you can use cd command like cd C:\xampp\htdocs
Now to run php code use this command -> php file_name.php

Hope you will understand 😊....
If you have any problem you can comment below.
Thankyou 🙏

design-resources-for-developers

Arwaz Khan — Wed, 03 Feb 2021 20:24:16 +0000

Hello Dev's
Design Resources for developers is a great repository in GitHub created by Brad Traversy. Here you can find anything related to web development, graphic design, etc...
A great resource of all types of designs.

Thanks to Brad Traversy 🙏
Repository link:- https://github.com/bradtraversy/design-resources-for-developers

Horoscope Web App

Arwaz Khan — Wed, 20 Jan 2021 12:25:35 +0000

Hello Dev's,
I created a Horoscope Web App using HTML, CSS, Javascript, Jquery, and aztro API.

Aztro API allows developers to access and integrate the functionality of aztro with other applications. The API retrieves daily horoscopes for yesterday, today, and tomorrow.

Demo - image

App Link:- https://arwazkhan189.github.io/Horoscope-app/
Code Link:- https://github.com/arwazkhan189/Horoscope-app
Aztro API Link:- https://aztro.readthedocs.io/en/latest/

Tawk.to - Monitor and chat with the visitors on your website

Arwaz Khan — Thu, 14 Jan 2021 15:08:46 +0000

Hello Dev's,

Tawk.to is a good tool or simply say API for a website. I am using this service on my website to monitor and chat with the visitors on my website. It is a free and easy way to communicate with your customers. It provides a great dashboard where you can monitor customer activity in real-time.

Read here why tawk.to is free - It's probably not what you think...

Link:- https://www.tawk.to/why-free/

GO create your account here:- https://www.tawk.to/
Visit my portfolio to see how it looks:- https://arwazkhan189.github.io/

Hactoberfest 2020 Swags Received

Arwaz Khan — Fri, 08 Jan 2021 10:58:01 +0000

Today I received my hactoberfest 2020 swags. I am so much excited and ready to deep dive into the opensource ocean.😀😊

Thanks to OpenSource Community, Digital Ocean, and Dev... 🙏

A Simple Weather Web App

Arwaz Khan — Sun, 03 Jan 2021 08:45:36 +0000

Hello Dev's,
I created a Simple Weather Web App using HTML, CSS, Javascript, and openweather API.

openweather API is a great data source for live weather reports. I am using this API because it is easy to implement and it is free to use (open source).

Demo - images

App Link:- https://arwazkhan189.github.io/Weather-app/
Code Link:- https://github.com/arwazkhan189/Weather-app
OpenWeather API Link:- https://openweathermap.org/

Building a Portfolio for Hackathon on Dev!

Arwaz Khan — Fri, 11 Dec 2020 20:12:16 +0000

Recently I read a post on dev for DigitalOcean App Platform Hackathon on DEV. I am going to submit a portfolio website for this hackathon. Excited about this Hackathon...
😎😎😎

Pageclip

Arwaz Khan — Tue, 08 Dec 2020 13:53:10 +0000

Hello, Dev's😎
Recently, When I creating my portfolio website's contact form. I thought about how to manage the data of the contact form. Then I know about Pageclip (which is a server for HTML forms). It is a great server to manage HTML Forms. It has many features and easy to install and handle. I am using this service on my website to manage my forms data.

📌 Tip:- If you have a Github Student Developers pack you can avail of 20,000 form submissions for free.

To know more go through the below link.👇

Pageclip website link:- https://pageclip.co/

Thankyou 🙏

My Portfolio Website

Arwaz Khan — Tue, 01 Dec 2020 20:39:22 +0000

I created my portfolio website using HTML, CSS, JavaScript, Bootstrap, and JQuery plugins...
Visit my website - https://arwazkhan189.github.io
Code of website - https://github.com/arwazkhan189/arwazkhan189.github.io

How I started and Which tools I used?

First of all I draw a rough design of my portfolio website on a white page. That contains all the basic HTML of the website and placements of elements.
Then I started with the code part of this website in the section vise (Navigation, Home, About, Resume, Certificates, Projects, Contact, footer). First I code the navigation bar and footer then code all the part in section vise.
In the Home section I use a cover pic with my name and my role using typedjs library.
Animate on scroll (aos) is used for the scrolling effect.
About and Resume sections are customized with CSS and Javascript.
In the Certificates section I used the lightbox library for showing the modal of the image. (same use on the Certificates page)
In the Projects section I use a flip-card to show my projects.
and added GitHub readme stats.
In the Contact Section, the static contact form added which links with Pageclip (a server for HTML forms) which sends me an email when a response is submitted. Social media icons are designed using CSS.
Navigation bar, Scroll bar, back to top button, footer, and other elements are designed using CSS and Javascript.
Libraries used - JQuery easing, Fontawesome, Animate CSS, Google fonts, Lightbox, PageClip, Bootstrap, Typedjs.
Hosted on Github and domain from NameCheap (Expired) and I use Google Analytics and Google Site to analyze my website performance.

❗ One Secret page also there but 404 (page not found) 😁😁😁