Portfolio
View some of my recent work
Face Expression
Face Recogition
Real time face detection through a webcam using AI. This AI is so quick that we are able to draw in real time the various faces and expressions of every person in the video without much performance overhead.Built using the Face API JS library built on Tensor Flow to setup the face detection.
View AppView Code
Amazon Clone
Amazon Clone
Full Stack Amazon clone built using React and Firebase. The code comprises React elements such as React Context, React hooks like useEffect, useState, Firebase features such as Authentication Store Database, Cloud Functions backend, and fully functional Stripe payment processing for the Checkout page.
View AppView Code
TwitterShoot
JavaFx desktop game
Game built using JavaFX. The aim of the game is to shoot the bird moving across the screen using a mouse click. The code comprises JavaFX elements such as Scene Graph, animation, events, and bindings.
View Code
Java Quiz
Java Quiz
JavaQuiz is built using Node.js, Express, MongoDB and Pug. It uses the Model View Controller architecture. The model is built using Mongoose and data is stored in a MongoDB database. The frontend views are rendered using Pug template engine. The app is hosted on herokuapp.
View AppView Code
Taugle
Random video chat app
Connects to strangers online and randomly assigns the next user on clicking next. Frontend built using React and WebRTC. Backend uses Express and Socket.io.
View AppView Code
Video Chat App
Video Chat
Frontend built using React and WebRTC. Backend uses Express and Socket.io.
View App View Code
Chat App
Spring Boot Websocket Chat
Chat app created using Javascript, HTML, CSS frontend and Spring Boot backend and deployed on Heroku. Multiple users can log in to a chat room.
View App View Code
Python Web Crawler
Real Estate prices
Written in Python. Function takes a city in UK as Search string and uses Beautiful Soup and Requests to parse HTML from real estate website Zoopla and downloads data to SQL Lite database into a Table.
View CodeReact App
Online Store
App created using React frontend and Express backend and deployed on Netlify and Heroku as a Technical Assessment Task for Utility Locker, Liverpool.
View App View Code
Math Quiz game
Android app
Built using Android Studio. Demonstrates the design of a complex layout, java classes and game play. Download the apk file on your phone and install to view the app. Download App --> Download this file(Direct) --> Open -->Install--> Install Anyway -->Open
Download app View CodeReact Mobx Login System
Dashboard with a login system
This is a React login and signup system which uses MySQL database hosted remotely.The login system uses MobX library. Backend built using Node.js and Express. The dashboard has apps - Weather with geolocation, RSS News Feed using RSS-Parser, Sports, Persistent To-do list using window.localStorage, Photo uploading to Firebase and a pie chart panel using React Minimal Pie Charts.
View App View Code
CORVID
Coronavirus infection data for UK
This app uses Node.js, Express and MongoDB, RESTful APIs, Chart.js, HTML, CSS, Semantic UI, libraries like Mongoose and Mapbox for location data. I have used the MVC model for creating backend. I have used Pug as a template engine to render the data to tables. Charts are rendered using Chart.js. The app is deployed on Heroku.
View App View CodePrime Generator
App to generate prime numbers
It prints out prime numbers upto a given number. The app is built using React, Material UI and deployed on Netlify.
View App View Code
Blog2020
Blogging site
This app uses Node.js, React, Redux and ReduxForm. Redux-form is a great way of managing forms that are powered by Redux. It is a Higher-Order-Component (HOC) that uses react-redux to make sure HTML forms in React use Redux to store all of its state.
View App View Code
React Websocket Chat
Chat site
App created using React Context, Hooks, Socket.io and Express. The React chat Dashboard component sends the users's chat to the Socket.io server running on Express. Once chat is received , it broadcasts the message to all the users which are accessing the socket server.
View Code
Vue-Weather
Displays current temperature and humidity
Frontend is built using Vue js. Current weather data is fetched from Openweathermap API. It fetches the data based on a search item and renders temperature and humidity. The background image transitions based on the temperature of 16 degrees C. App is deployed on Netlify. Built using Javascript Vue.js framework and Node.js.
View App View CodeData-Analytics Dashboard
Instrument Dashboard for Data Analytics
The app was built using React, Node.js, Material UI, AG-Grid and HighCharts. Redux hooks (useSelector() and useDispatch() ) were used to create a centralized Store and action creators to save the search results from the multiselect and searchbar components. The app is deployed on Netlify.
View App View Code
City-Weather
Displays weather forecast for 3 days in US cities
Frontend is built using React, Redux and Node.js. 3 day weather data is fetched from Openweathermap API. It fetches the data using Axios based on a search item and renders temperature, pressure and humidity using React Sparklines. App is deployed on Netlify.
View App View Code
