Coder Social home page Coder Social logo

Welcome To My Profile

I am Hameedullah Asadi, from beautiful Vancouver, Canada. I am a university credential and a post graduate diploma in software and web development.:computer:

I love frontend developing and fluent in followings languages and tools.:point_down:

Portfolio Website

I have coded my portfolio website in react.js from scratch using functiion components. The portolio website is up and here it the link for it: https://portfolio-website-update.vercel.app/ The source code is also available on my github account and here is the link for it: https://github.com/Hameedullah-Asadi3300/Portfolio-website-update

Overview: Homepage

image In home page you will find the navigation bar with five menu:

  1. Home
  2. About
  3. Articles
  4. Projects
  5. Contact My personal GitHub and Linked in projects are accessible from the homepage. I have also given a short summary on homepage: image I have coded my resume om homepage. It is also accessible through button. Click the button and get the copy of it in PDF. The website contains a nice footer with react-icons. image I have also included a few articles of mine on coding which is accesible from Articles page. It is fully functional with read more and read less buttons. On Projects page, all the projects are accessible with the source code. Click each project and it will redirect you to the respective projects. image It is contact page requires First Name, Last Name, Email Address, Phone Number and with a text aread for the message. image

Project - to-do-app

The to-do-app repo contains a to-do-app developed using JavaScript, React library. It is up and here is the link: https://to-do-app-coral-eight.vercel.app/

fork the repo, change the directory to the forked location using CLI or VS COde termainl. Run npm start and the app will run on your local host using port either 3000 or 3001 such as: http://localhost:3001/

You will see the home page as follows: image

By entering your daily tasks on input field, a new row down below will pop up as follows: image

Functionality

The app itself has two types of buttons.

Add Button: Used a task to the list. image

Done Button:Each task has a functional button as well. You can delete any tasks while it is done shown bellows:

image

A few notes:

1: This app is developed using react library and pure JavaScript code

2: This app includes pure CSS code with .module.css styling method

3: No bootstrap is used in

4: This is a function based component app, not class based component

Go to the repo of the app: https://github.com/Hameedullah-Asadi3300/to-do-app.git

Hameedullah Asadi's Projects

boostrap5-basics icon boostrap5-basics

The Bootstrap5-basics is the repo all about the basics of the magical framework. This can also be used as a torurial for begginers.

javascript-repo-1 icon javascript-repo-1

This repository includes all basics of JavaScript . It is a perfect option for beginners and those want to refresh their knowledge. This repo includes practical examples so far, and the comments explains everything from A-Z.

to-do-app icon to-do-app

This repo contains a to-do-app developed using JavaScript react library.

virtual_dr icon virtual_dr

HTML & CSS Course = Github_Company Announcement_Assignment

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.