Git Product home page Git Product logo

Wmsiddiqui

This is a website intended to be my personal portfolio.

Stack

This website is built using React and Redux. Although Redux is probably not necessary for this project, I included it as an exercise to simply show that Redux can be used for state management. This website, at least at the time of writing this, will not have much state.

  • React
  • Redux
  • React-Router-Dom
  • React-Bootstrap

Hosting and other Ops related notes:

This website was built and then deployed to Github Pages. I used a custom domain, which you can find in the CNAME file. Because this is a React application using BrowserRouter from ReactRouterDOM, deep links are not supported by Github Pages. There are two options around this:

  1. Stop using BrowserRouter and use HashRouter instead. This would make any deep link work, although the URLs would not be very user friendly, since, as the name suggest, they would be hashes. I wanted to keep the URLs user friendly for my portfolio in order to easily link my resume and other pages.
  2. Redirect any non-root url to root, and then add the route to the url. This can luckily be done by adding some code found in this repository by rafrex. This seems a bit hacky, but seems to be a better option at the time.

ToDo

Here are some items I'd like to add to my portfolio:

  • A gallery with all my hobby related items
  • A blog to document some of my findings and learnings throughout my career
  • A collapsable menu when the screen resizes

Waqar S.'s Projects

actionswithtargetsapi icon actionswithtargetsapi

Proof of concept I threw together to using C# and MVC to demonstrate targeting multiple objects with actions. There are exposed API endpoints to test out the concept.

bomberman icon bomberman

This is a bootleg version of the bomberman game I created in GameMaker for class. This is meant strictly for educational purposes.

greetlambda icon greetlambda

AWS Lambda application and SNS Topics used to demo deploying a stack using powershell scripts, AWS CLI, and CloudFormation.

node-redlock icon node-redlock

A node.js redlock implementation for distributed, highly-available redis locks

omegaboard icon omegaboard

Customizable task Management board geared towards developers

projectdigitize icon projectdigitize

A configurable dynamic world generator used to create a game board. Uses Node.js and other open source projects.

snsslackpublisher icon snsslackpublisher

A Lambda that publishes an incoming SNS event to a given slack webhook. Includes a CloudFormation stack and a powershell script to easily deploy the application to your AWS account using the AWS CLI.

temperaturesensor icon temperaturesensor

Temperature Sensor that reads the temperature and humidity from a sensor on an arduino, and then writes to serial using an Xbee to send to a receiver.

wmsiddiqui icon wmsiddiqui

Personal Portfolio website using React and Redux, and API integrations to get profile information from Github

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.