Sample Works

This is a BPMS for Hamiket company. You can checkout the source codes on github repository. Developing API using Node.js and call API from React.js, choosing postgreSQL as database. , #postgreSQL #Nodejs #Reactjs #Javascript

Real Time Communication in web using webRTC for live teacher camera. Live chat box messages from students using Web Socket. , #web_socket #Nodejs #webRTC #Javascript

Javascript can mix two images into one single image. Working with canvas html tag api and its context make it possible. Using MediaRecorder to record mixed stream and generate the video from user camera and slides images by user selection. , #image_processing #signal_processing #media_recorder_api #Javascript #canvas_html

Using Next.js for Server side rendering. Generating pages that its content can be read by google search engine. , #seo #server_side_rendering #Nextjs

Drawing vector tiles on a GIS Map (Geographic International System) and save it as a new feature on geojson file. The second project includes dashboard to sort and filter data points on map or even 3D view of streets using Three.js library. , #Three.js #D3.js #Javascript #HTML_CSS

Developing an API to provide updated price of gold. Web scraping to gather data from the source tgju.org . Advanced web scraping using puppeteer library. Puppeteer do anything, a human can do. e.g: waiting for an eleman in page to be appeared then click on it or take screenshot from the page. , #web_scraping #nodejs #json #api #puppeteer

SQL quering and pagiantion is important to show a long list of records. In this project we designed a dashboard to show and filter by dates using Shamsi date pickers (local Iranian calender). We do not use SQL statements here instead we use one of Node.js ORMs named Sequelize.#shamsi_date_picker #pagination #sql_quering #sequelize #nodejs

This is an interactive animated Radial tree data structure. When you click on each node, the animation starts and the related branches will be Shown. The rest of the branches will be disappeard. Not only the animation part but the data sttructure convertion is important.#tree_data_structure #javascript #d3js #data_visualization

Visualizing the flights (links of the graph) between airports (nodes of the graph) exactly on projection vector tiles GIS map. This is one of the most complex data visualization with maps because three datasets are used. Airports list, flights list and geojson.#graph_data_structure #javascript #d3js #data_visualization #gis_map #geojson

A SaaS (Software as a Service) just like POwerBI or Tableau. You can import your dataset & binding data columns to its related chart field by a simple drag & drop. Define models, relating two columns from two different datasets to each other. Filtering data using date pickers.#saas #javascript #nextjs #data_visualization #dashboard #data_modeling

This is an interactive single visual with animation. Its data structure is graph (tree). You can watch the video on below link.#circle_pack #javascript #data_visualization #d3js