Shaurya Showcase | Portfolio | Shaurya Singhal Showcase

Hi, I'm

Shaurya Singhal

Primary Language

C++

First Language that introduced me to the Coding World. Concepts of OOPS made me understand how computer mocks/maps real world entities.

Made it easy to learn other languages.

I use it for Competitive Programming.

Secondary Language

JavaScript

Javascript gave me the power to build all my Personal Projects.

I love the default Functional Programming Paradigm of JavaScript, which lead me to write clean code and maintain the purity of it.

React, Redux, Graphql, Gatsby are all the instrument that I use to create Beautiful Harmonies with Javascript.

Tertiary Language

Python

A Language that helped me explore the world of Machine Learning and Jupyter Notebooks and eventually helped in getting my first Internship as a TA; helping students learn DATA STRUCTURE & ALGORITHMS.

View blogs I wrote while learning ML & Python and learn from it.

Hello, I'm Shaurya

I enjoy developing Web Applications, which would assist the people around me to see new insight into the world; whether it is figuring out the data or to drive a new concept out of it or to build an already existing app that is changing the world. I enjoy all kinds of creations + solving the problems that come along with the app.

A Certified React Developer

graduated from Udacity Nanodegree Program.

Newly Learn-ed/ing

Graphql

Gatsby

Figma

Github Stats

Contributed to

PRs

Stars

Issues

Commits

Recently Contributed to

Currently Working on

more...

Latest Merged Pull Requests

Open Source PRs'

Personal PRs'

Projects

Productive Weekday


    {
      "project_name": "Productive Weekday",

      "description": "A Personal Project which counts down the total number of contributions anyone made over his/her Github journey and visualize the data in the form of racebar graph using d3.js to interactively find out their most productive weekday.",
        
      "why?": "I wanted to know people the most productive day @work as it outputs the day which a person feels most dedicated to code.",
        
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "d3.js (for racecar barchart)",
        "Cherrio (for WebScrapping)"
      ],
        
      "deployed": [
        "netlify"
      ]
    }


    {
      "project_name": "Productive Weekday",

      "description": "A Personal Project which counts down the total number of contributions anyone made over his/her Github journey and visualize the data in the form of racebar graph using d3.js to interactively find out their most productive weekday.",
        
      "why?": "I wanted to know people the most productive day @work as it outputs the day which a person feels most dedicated to code.",
        
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "d3.js (for racecar barchart)",
        "Cherrio (for WebScrapping)"
      ],
        
      "deployed": [
        "netlify"
      ]
    }

Github Code

Go Live

Trello Clone


    {
      "project_name": "Trello Clone",
      
      "description": "A Clone of some of the basic functionalities of Trello board which can be used by the people to add kanban-style list-making to their projects, and implements various featured by listing them on board as cards and arranging them to visulaize the progress.",
      
      "why?": "Trello helped me implement CRUD operations and understand REST APIs and how they work and support various forms of data exchanges.",
      
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "Passport + bcrypt + jwt",
        "MDN Drag & Drop",
        "multer"
      ],

      "deployed": ["vercel.app"]
    }


    {
      "project_name": "Trello Clone",
      
      "description": "A Clone of some of the basic functionalities of Trello board which can be used by the people to add kanban-style list-making to their projects, and implements various featured by listing them on board as cards and arranging them to visulaize the progress.",
      
      "why?": "Trello helped me implement CRUD operations and understand REST APIs and how they work and support various forms of data exchanges.",
      
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "Passport + bcrypt + jwt",
        "MDN Drag & Drop",
        "multer"
      ],

      "deployed": ["vercel.app"]
    }

Github Code

Go Live

Shaurya Showcase


    {
      "project_name": "Shaurya Showcase",
      
      "description": "A Portfolio static web app to showcase shaurya and his work at one place from various places like github, medium by rendering jupyter notebooks & mdx files as blogs .Built with @gatsbyjs.",
      
      "why?": "As a Software Developer, we need to show case our work, time, efforts to the world to showcase what we are capable of making and thinking. Hence Portfolio works as an alternate to the resume to showcase skills.",
      
      "tech_used": [
        "React.js + ContextAPI + Hooks",
        "Gatsbyjs",
        "Styled-components",
        "Sass",
        "Figma",
        "Jupyter Notebooks + 
          Medium Posts +
          Mdx"
      ],
      
      "deployed": ["--"]
    }


    {
      "project_name": "Shaurya Showcase",
      
      "description": "A Portfolio static web app to showcase shaurya and his work at one place from various places like github, medium by rendering jupyter notebooks & mdx files as blogs .Built with @gatsbyjs.",
      
      "why?": "As a Software Developer, we need to show case our work, time, efforts to the world to showcase what we are capable of making and thinking. Hence Portfolio works as an alternate to the resume to showcase skills.",
      
      "tech_used": [
        "React.js + ContextAPI + Hooks",
        "Gatsbyjs",
        "Styled-components",
        "Sass",
        "Figma",
        "Jupyter Notebooks + 
          Medium Posts +
          Mdx"
      ],
      
      "deployed": ["--"]
    }

Github Code

Go Live

Closet Goodies


    {
      "project_name": "Closet Goodies",
      
      "description": "An Ecommerce Fashion Web app that allows shopping by categories(Men, Women, Boys,Girls) and let's you choose from various types of clothes like T-Shirt, Shirt, Jeans, Shoes, Socks etc.",
      
      "why?": "I did this project to learn React and State Managment library like Redux, which helped me understand how the state is used to maintain a single source of truth and avoid data inconsistency across applications.",
      
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "Firebase",
        "Sass"
      ],

      "deployed": ["firebase"]
    }


    {
      "project_name": "Closet Goodies",
      
      "description": "An Ecommerce Fashion Web app that allows shopping by categories(Men, Women, Boys,Girls) and let's you choose from various types of clothes like T-Shirt, Shirt, Jeans, Shoes, Socks etc.",
      
      "why?": "I did this project to learn React and State Managment library like Redux, which helped me understand how the state is used to maintain a single source of truth and avoid data inconsistency across applications.",
      
      "tech_used": [
        "React.js + Redux",
        "MongoDB + moongose",
        "Node + Express",
        "Firebase",
        "Sass"
      ],

      "deployed": ["firebase"]
    }

Github Code

Go Live

Merge Videos


    {

      "project_name": "Merge Videos",
      
      "description": "😄😄 Merge Videos inside a directory into a single video :) Doesn't matter how deep are they hidden.",
      
      "why?": "Because Saves more than 50% of time wasted moving around and playing videos one by one.",
      
      "tech_used": [
        "Node", 
      ],
      "deployed": [""]
    }


    {

      "project_name": "Merge Videos",
      
      "description": "😄😄 Merge Videos inside a directory into a single video :) Doesn't matter how deep are they hidden.",
      
      "why?": "Because Saves more than 50% of time wasted moving around and playing videos one by one.",
      
      "tech_used": [
        "Node", 
      ],
      "deployed": [""]
    }

Github Code

Go Live

Mario Bros Lvl 1


    {
      "project_name": "Mario Bros Lvl 1",
      
      "description": "Clone of Mario Brothers LVL 1 with mario killing enemies and collecting coins in order to reach the castle and save the princess.",
      
      "why?": "why not? Everyone like games, mario was the most played game by me. It was the most exciting project of all. No Doubt.",

      "tech_used": [
        "ES6 Javascript",
        "Phaser V3",
        "Babel + Webpack"
      ],

      "deployed": ["netlify"]
    }


    {
      "project_name": "Mario Bros Lvl 1",
      
      "description": "Clone of Mario Brothers LVL 1 with mario killing enemies and collecting coins in order to reach the castle and save the princess.",
      
      "why?": "why not? Everyone like games, mario was the most played game by me. It was the most exciting project of all. No Doubt.",

      "tech_used": [
        "ES6 Javascript",
        "Phaser V3",
        "Babel + Webpack"
      ],

      "deployed": ["netlify"]
    }

Github Code

Go Live

Covid19 Visualizer


    {
      "project_name": "Covid19 Visualizer",
      
      "description": "Visualizer to show the impact of covid19 over the entire world with popups demonstrating Cases, Deaths, and Recovery.",
      
      "why?": "This Project helped me visualize the data over the world map, showing virus spread in countries along with the affected people and how people should unite together to stop this infectious disease.",
      
      "tech_used": [
        "React.js",
        "Node + Express", 
        "geojson", 
        "mapbox-gl", 
        "Sass"
      ],

      "deployed": ["vercel.app"]
    }


    {
      "project_name": "Covid19 Visualizer",
      
      "description": "Visualizer to show the impact of covid19 over the entire world with popups demonstrating Cases, Deaths, and Recovery.",
      
      "why?": "This Project helped me visualize the data over the world map, showing virus spread in countries along with the affected people and how people should unite together to stop this infectious disease.",
      
      "tech_used": [
        "React.js",
        "Node + Express", 
        "geojson", 
        "mapbox-gl", 
        "Sass"
      ],

      "deployed": ["vercel.app"]
    }

Github Code

Go Live

URL Shortener


    {

      "project_name": "URL Shortener",
      
      "description": "Creates easy to use short links by giving the long URLs, a unique short name choosen by client/user.",
      
      "why?": "I made this initially because of my need of bookmarking important URLs, but since there were a lot. I decided to build something like bit.ly.",
      
      "tech_used": [
        "Node + Express", 
        "Vanilla JS",
        "handlebars", 
        "MongoDB + moongose", 
      ],

      "deployed": ["vercel.app"]
    }


    {

      "project_name": "URL Shortener",
      
      "description": "Creates easy to use short links by giving the long URLs, a unique short name choosen by client/user.",
      
      "why?": "I made this initially because of my need of bookmarking important URLs, but since there were a lot. I decided to build something like bit.ly.",
      
      "tech_used": [
        "Node + Express", 
        "Vanilla JS",
        "handlebars", 
        "MongoDB + moongose", 
      ],

      "deployed": ["vercel.app"]
    }