Giter Club home page Giter Club logo

const user = {
  name: "Uzair Ali",
  age: 25,
  pronouns: [ "he", "him" ],
  theme: [ "dark", "monokai" ],
  
  semicolons: false,
  line_endings: "crlf",
  codeStyle: "Prettier",
  variables: "camelCase",
  trailing_comma: true,
  
  hero: "Steve Jobs",
  
  hobbies: [ "Programming", "Gaming", "Guitaring", "Reading", "Gaining Knowledge", ],
  knowledge: [ "Black-Holes", "Algorithms", "Ecmascript", "Numbers", "Economics", ],
  projects: [ "newsweek", "perma-tnw-responsive", "new-york-clone", "ruby-exercises", ],  
  languages: [ "Ecmascript", "Ruby", "HTML", "CSS", ],
  editors: [ "Sublime Text", "VS Code", ],
  
  newLanguage: function () {
    console.log("Hello, World!")
  },
  
  hereIsYourFood: function (food) {
    const good = [ "Burgers", "Chicken", "Mixed Noodles", "Beef", 
    "Prawns" ]
    const acceptable = JSON.parse(fs.readFileSync("acceptableFoods.json"))
    
    if (good.includes(food)) {
      console.log("Chomp Chomp Gulp... Yum!")
    } else if (acceptable.includes(food)) {
      console.log("Chew Chew Gulp.")
    } else {
      console.log("No, thanks.")
    }
  },
}

📊 Stats:


⏯️ Spotify

🔥 Contributions:


Skills & Tools:



Uzair's Projects

kanban-capstone-js icon kanban-capstone-js

Javascript Kanban Project. Uses 2 APIs. One is for getting the data from a public API second is to post and get data on top of it so that users can like, comment and reserve on the app.

leaderboard icon leaderboard

Leader board setup. The user is able to post new users using forms and get the data from the external api.

linter-ruby icon linter-ruby

A ruby linter to check the style of ruby code present in a given file. The linter tells the user the reference to the code and what was expected from the user on a particular line.

math-magicians icon math-magicians

This project contains a calculator. Just like a usual calculator the user can input a value, choose an operator and perform the operation. The project also includes the use of React Router Dom, this transforms it in a SPA(single page application) using router.

members-only icon members-only

This is a members-only app, works just like my Twitter clone but with the exception of hiding usernames and other essential details from the visitors on the app who are yet not registered on the app itself. So, only the registered people can view the sensitive data(username).

metrics-webapp icon metrics-webapp

This app uses React and Redux, Along with React Router for data manipulation from a couple of web services. It is a SPA with the store object attached to the index.js component used by all of the components to make use and manupulate the data. The app contains data from the Marvel Developer API. Follows Javascript and CSS best practices. It renders information to the user on the main home page and passes the detail page with the appropriate ID variable for the respective hero.

micro_reddit icon micro_reddit

A short descriptive Reddit app to perform basic user and posting functions.

microverse-1 icon microverse-1

On my first day at Microverse, showcasing some projects for my stand-up team.

mongo-node icon mongo-node

The project is a simple node module project just to see some node concepts and the setup behind it. Mainly focuses on Node and MongoDB. Tests how you can manipulate data with node on a live mongo server.

mongoose-node icon mongoose-node

The project is a simple node module project just to see some node concepts and the setup behind it. Mainly focuses on Node and MongoDB. Tests show you can manipulate data with node on a live mongo server.

moodme icon moodme

This app uses React and Redux, Along with React Router for data manipulation from a couple of web services. It is a SPA with the store object attached to the index.js component, used by all of the components to make use and manipulate the data. It uses MongoDB and Express.js to connect the database to the front-end of the application.

new-york-clone icon new-york-clone

This project is a clone of the article page, which has been the task for week 1 of Microverse. Including and meeting all the external and internal requirements of the project. It covers basic HTML and CSS concepts including positioning, flex box, grid and float.

newsweek icon newsweek

A clone of the Newsweek website, project 3 of the HTML and CSS curriculum of Microverse, a Bootcamp with students from all over the world learning full-stack web with react and rails

next-ecommerce icon next-ecommerce

:zap: Quantum Ecommerce. Made with Next.js | GraphQL | Apollo Server | Apollo Client | SSR

node_example icon node_example

Node express server setups and examples. The main focus was for me to see how to create the server from scratch.

perma-tnw-responsive icon perma-tnw-responsive

This project is a clone of the TNW page, which has been the task for week 2 of Microverse. Including and meeting all the external and internal requirements of the project. It covers basic HTML and CSS concepts including positioning, flexbox, grid and float.

private-events icon private-events

The user can create an account, post events on the app and other users can follow that event or attend it. The event remains to the original creator.

projects-log icon projects-log

This project demonstrates associations and what the user can do with those associations. The user is able to create courses and group/ungroup them with projects.

re-former icon re-former

Re-former is to see the form validation and data migration on the rails app. This is tested only in the rails console so, no front-end is available.

react-hello-rails icon react-hello-rails

This app uses Rails and sets up the React in the front-end. It further takes the Redux library and sets up a dummy backend server to check if the react app is able to communicate with the rails backend server.

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.