Muhammad Faiz Shahid

Work Samples - Muhammad Faiz Shahid Work Samples Muhammad Faiz Shahid Email:-Mobile Number: - 9 October, 2024 EasyTechPartner Features 1. Website Generation 2. Stripe Integration Role & Responsibilities Visuals Recruitment Portal Features 1. Resume Parsing 2. Job Posting 3. Skill Matching and Gap Analysis: 4. Virtual Interviews with AI Bot: 5. Assessments 6. Upskilling & Reskilling Role & Responsibilities Tool & Technologies Visuals Assessment Management Platform Features 1. Dual Assessments 2. Detailed Monitoring 3. Single Session Completion: 4. Advanced Filters and Reports: Role & Responsibilities Tool & Technologies Visuals Educational Portal Features 1. Local (UAE) vs. Global Syllabi Skills Analysis 2. Local Syllabi (Supply) vs. Local Job Market (Demand) Skills Analysis 3. Curriculum Analysis: 4. Syllabi Clinic: Role & Responsibilities Tool & Technologies Visuals EasyGIC Rates Scraper Features 1. Automated Data Extraction: 2. Data Storage: 3. Scheduled Updates: 4. Security Implementation: Role & Responsibilities Tool & Technologies Visuals EasyTechPartner Status: Development Phase Easy Tech Partner is a web application that helps businesses quickly create professional websites. Users simply provide their business name, industry, and location, and the platform generates a fully functional, SEO-friendly website. It also offers tools like chatbots, automated email services, contact management, and booking systems to enhance business efficiency and customer engagement. With Stripe integration for secure payment processing, Easy Tech Partner ensures a seamless experience for businesses. Features 1. Website Generation ○ ○ ○ ○ ○ Predefined templates are utilized to quickly generate websites with a professional layout. GrapesJS is used to edit and customize the site design. Content research is powered by Prexplaity AI and ChatGPT API integration for accurate and efficient content suggestions. User generated websites are deployed as a subdomain or user can attach custom domain to their site. Deployments are managed using cloudflare API Integration 2. Stripe Integration ○ Enables secure and seamless payment processing for businesses. ○ Provides real-time transaction tracking and payment management. 3. Chatbots ○ Multiple chatbots are available, each designed for a specific purpose. ○ Additional chatbots are available for various business functions, ensuring an efficient and tailored user experience. Role & Responsibilities As the Lead Developer, I worked on a microservices-based architecture, where multiple microservices were implemented for various purposes. My key responsibilities included: ● NestJS Backend: Designed and developed the backend services using NestJS, ensuring a scalable, modular, and efficient structure to handle core business logic. ● VueJS Frontend: Built and implemented the frontend using VueJS, focusing on creating an intuitive and responsive user interface for seamless user experience. ● AI Integrations: Integrated AI capabilities into the platform using Python, including content generation and chatbot functionalities powered by Prexplaity AI and ChatGPT API. ● Deployments: Managed the deployment process using ExpressJS and Cloudflare API integration to ensure smooth and secure hosting of services and functionalities. Visuals Registration Page Login Page Generate Site Dashboard Generating Site: Searching Web Generating Site: Content Generation Generating Site: Finalizing Site Generating Site: Success Generated Sites Listing Edit Site Using Grapes JS Settings Page Incomplete Payment Setup Completing Payment Setup using stripe Payment Setup completed Adding Funds in account Funds Added Successfully Recruitment Portal Status: Completed The recruitment portal is a platform to make hiring easier for companies. It helps with extracting and organizing data from resumes quickly. Job postings can be done through linkedIn url, using templates, or uploading files. AI-driven virtual interviews, and comprehensive assessments, provide a robust framework for identifying and securing top talent. Additionally, its focus on upskilling and reskilling ensures candidates remain aligned with the dynamic needs of the job market. With these capabilities recruitment portal significantly enhances recruitment efficiency and effectiveness. Features 1. Resume Parsing ○ ○ Automatically extracts and organizes key information from resumes, enabling efficient candidate evaluation. Supports various file formats for ease of use. 2. Job Posting ○ ○ ○ Direct Job posting using LinkedIn job url Allows posting of standardized job descriptions as well as custom job entries. Supports direct job uploads from files for quick postings and skill extraction for matching. 3. Skill Matching and Gap Analysis: ○ Advanced algorithms match candidate skills with job requirements, highlighting the best fits. ○ Identifies skill gaps between candidates current abilities and job needs, assisting in targeted recruitment. 4. Virtual Interviews with AI Bot: ○ ○ Conducts initial screening through AI-driven virtual interviews, saving time and resources. Uses natural language processing to assess candidate responses effectively. 5. Assessments ○ ○ Principle Us Assessment: Integrate assessment from principle us that helps candidates gaining the self-awareness and other-awareness that are critical to making good decisions and getting things done. My Next Move Assessment: Integrate next move assessment that helps candidates to find out what their interests are and how they relate to the world of work. They can find out what they like to do. 6. Upskilling & Reskilling ○ ○ Provides resources for upskilling and reskilling to align candidates with job needs. Recommends courses based on identified skill gaps for specific jobs to ensure candidates meet job requirements. Role & Responsibilities My role was a full stack developer. In my role as the lead frontend developer, I was responsible for creating user-friendly interfaces. This involved implementing responsive design principles across various devices and browsers. I developed efficient, reusable components using Vue JS and managed application state with Vuex.. Additionally, I integrated these frontend components with backend services, ensuring a seamless data flow and interaction within the application. As a lead frontend developer, I provided guidance, mentorship, and conducted code reviews to maintain high code quality On the backend, I designed and developed RESTful APIs with proper authorization for specific roles. Since the applications have multiple roles, APIs related to a specific role are exposed only to that role. As a backend developer, I was also responsible for communication with other servers, including our machine learning and scraper servers. Additionally, we utilized cron jobs to manage data. I was also responsible for designing and maintaining the database schema to support the application's features, ensuring data integrity and consistency. My role also included managing AWS cloud services. This involved managing AWS S3 buckets for storing resumes, job files, other media files, and static frontend hosting. I configured AWS CloudFront for content delivery to provide low latency and high transfer speeds for users worldwide and managed SSL certificates using AWS Certificate Manager to secure web communications. Additionally, I configured AWS Route 53 for DNS management, ensuring high availability and reliability of the application. Tool & Technologies ● ● Frontend: ○ Framework: Vue 2 (TypeScript) ○ UI Library: Vuetify ○ State Management: Vuex ○ Others: WebRTC (camera recording, Audio Recording) for virtual interview with AI bot Backend: ○ Framework: Express JS (TypeScript) ○ Database: PostgreSQL ○ Crons Jobs & Caching: Redis ○ Third Party Integration: Machine learning server, scrapper server, principle us assessment and EYouth API integration Visuals Recruiter Dashboard Job Posting Job Listing Candidate Dashboard Candidate Profile Job details view Upskilling & Reskilling Next Move Assessment Principle Us Assessment Assessment Management Platform Status: Completed The Assessment Management Platform offers a comprehensive assessment platform for evaluating proficiency in English and Annotation skills. It's designed to test a wide range of abilities, from speaking and writing in English to detailed annotation tasks. It is equipped with advanced monitoring features to maintain the integrity of the assessments. Features 1. Dual Assessments ○ ○ English Assessment: This is divided into Speaking and Written sections, challenging the candidates' proficiency in various aspects of the English language. Where each question has a time limit. Annotation Assessment: This includes various types of questions, such as Translation and Multiple-Choice Questions (MCQs), to test annotation skills. Each question also has a time limit. 2. Detailed Monitoring ○ ○ ○ ○ Camera Tracking: Continuously monitors the candidate via webcam to ensure test integrity. Screen Recording: Records the screen activities to review the candidate's interaction during the assessment. Voice Recording: Captures audio during the assessment for complete transparency. Periodic Screenshots: Takes screenshots at regular intervals to monitor the testing process closely. 3. Single Session Completion: ○ Candidates are required to complete each assessment in one session. Failure to do so will result in the cancellation of the assessment. 4. Advanced Filters and Reports: ○ The platform lets administrators use different filters to look through candidate data easily. This helps in making specific reports based on certain information. Role & Responsibilities My role was a Lead Developer. In my role as the lead frontend developer, I was responsible for creating user-friendly interfaces with responsive design for various devices and browsers. I implemented WebRTC for real-time screen, camera, and voice recordings, using web sockets to send recording chunks to the backend and handle those chunks in the backend. I developed efficient, reusable components using Vue JS and managed application state with Vuex. I integrated these components seamlessly with backend services, provided mentorship, and conducted code reviews to maintain high code standards. On the backend, I designed and developed RESTful APIs. I also utilized WebSockets to process recording chunks received from the frontend using Redis and uploaded the complete recordings to an AWS S3 bucket using AWS multipart upload. Additionally, I managed and maintained the database schema for assessments, ensuring each assessment was efficiently handled within the database. I also managed AWS cloud services, overseeing AWS S3 buckets for storing recordings, screenshots, and hosting static frontend content. I utilized AWS CloudFront for content delivery to ensure low latency and high transfer speeds globally. I managed SSL certificates through AWS Certificate Manager to secure web communications, configured AWS Route 53 for DNS management to enhance the application's availability and reliability, and implemented AWS Transcribe for accurate user audio transcriptions. Tool & Technologies ● ● Frontend: ○ Framework: Vue 2 (TypeScript) ○ UI Library: Vuetify ○ State Management: Vuex ○ Others: WebRTC (screen recording, camera recording, Audio Recording) Backend: ○ Framework: Express JS (TypeScript) ○ Database: PostgreSQL ○ Recording handling: WebSockets & Redis ○ AWS: AWS transcribe, AWS Multipart Upload ○ Third Party Integration: Machine learning server Visuals Admin dashboard Assessment results listing Assessment Report Advance filters and result listing Recording for evaluation Signup With Bot Candidate Dashboard Educational Portal Status: Completed The educational portal is designed to provide a comprehensive analysis of skills gaps between the educational syllabi offered by leading global institutions and those of local (UAE) educational institutions. This platform aims to bridge the gap between the supply of skills taught in local syllabi and the demand for skills in the local job market, ensuring that educational programs align with market needs. Features 1. Local (UAE) vs. Global Syllabi Skills Analysis ○ Compare and contrast the skills taught in local educational institutions with those offered by leading global institutions. Identify areas where local syllabi may need enhancement to meet global standards. 2. Local Syllabi (Supply) vs. Local Job Market (Demand) Skills Analysis ○ Analyze the alignment between the skills provided by local educational institutions and the skills required by the local job market. This feature helps in identifying skill shortages and areas where the curriculum needs adjustment to meet local employment demands. 3. Curriculum Analysis: ○ Conduct a thorough examination of local curriculum to identify strengths and weaknesses. This analysis helps in understanding how well the current educational programs prepare students for the job market. 4. Syllabi Clinic: ○ Provide a platform for institutions to submit their syllabi for review. Expert analysis and feedback are provided to help institutions improve and update their curricula to better align with both global standards and local job market needs. 5. Upskilling ○ Offer resources and training programs to help educators and institutions upgrade their skills and curricula. This feature ensures continuous improvement and adaptation to changing market demands. Role & Responsibilities I was the only full stack developer working closely with the ML team on this project. As a frontend developer, I was responsible for creating user-friendly interfaces. I developed efficient, reusable components using Vue.js and managed the application state with Vuex. I integrated these components seamlessly with backend services. On the backend, I designed and developed RESTful APIs and integrated third-party APIs with our machine learning service. Additionally, I managed and maintained the database schema to retrieve all the syllabi from the database and store each analysis. I also managed AWS cloud services, overseeing AWS S3 buckets for storing comparison files and hosting static frontend content. I utilized AWS CloudFront for content delivery to ensure low latency and high transfer speeds globally. I managed SSL certificates through AWS Certificate Manager to secure web communications, configured AWS Route 53 for DNS management to enhance the application's availability and reliability Tool & Technologies ● ● Frontend: ○ Framework: Vue 2 (TypeScript) ○ UI Library: Vuetify ○ State Management: Vuex Backend: ○ Framework: Express JS (TypeScript) ○ Database: PostgreSQL ○ Third Party Integration: Machine Learning Server Visuals Dashboard Syllabi Comparison Local (UAE) Syllabi vs Global Sallabi comparison Local (UAE) Syllabi vs Global Sallabi comparison Result Local (UAE) Syllabi vs Job market comparison Local (UAE) Syllabi vs Job market comparison result Upskilling EasyGIC Rates Scraper Status: Completed The EasyGIC Rates Scraper is a robust web scraping solution developed using Selenium in JavaScript. This project aims to extract and store up-to-date GIC rates from various banks' web pages into a database. The scraper automates the data collection process and ensures the information remains current by running nightly through a cron job. The data is then displayed on a WordPress site using custom HTML and JavaScript scripts. Features 1. Automated Data Extraction: ○ Uses Selenium to visit various bank websites and gather interest rates. 2. Data Storage: ○ Saves the collected data in a database for easy access and analysis. 3. Scheduled Updates: ○ A cron job runs the scraper every night to ensure the data is always up-to-date. 4. Security Implementation: ○ I restricted data access to the WordPress site only by implementing CORS policies on the Node.js Express server. Role & Responsibilities In this project, I was responsible for developing the entire solution, starting with writing the web scraper using Selenium in JavaScript. The scraper was designed to extract GIC rates from various bank websites. Once the scraper completed its nightly run, it generated a report and automatically sent it via email. Additionally, I developed a Node.js Express server, creating APIs that the frontend could consume to display the scraped data. I also handled the WordPress integration, writing custom HTML and JavaScript scripts to seamlessly display the rates on the site. Finally, I was responsible for deploying the entire solution, including configuring the server with a custom domain to ensure a professional and accessible web presence. Tool & Technologies ● ● Frontend: ○ Framework: JavaScript and AJAX ○ UI Library: Bootstrap and Wordpress Backend: ○ Framework: Express JS (TypeScript) ○ Database: PostgreSQL ○ Scrapping: Selenium Visuals Displaying all banks and their rates Displaying best rates provided by bank among each categories