Code with Nas

Introduction: Job-Oriented POC

  • "Code with Nas" is a concise Proof of Concept (POC) for a job application. It sources insights from 30 Seconds of Code to offer tailored code snippets and articles.

Leveraging 10up's Framework

  • Demonstrating synergy with 10up's HeadstartWP Framework (WordPress + Next.js).
  • Eager to continue learning and explore advanced applications with this technology, under 10up's guidance.

Elevated Content Experience: Custom Gutenberg Block

  • Seamlessly integrate and refine quizzes via the intuitive block editor.
  • Explore plugin at Github CWN Quiz Plugin.

Github: Code with Nas

React ReactNextJS NextJSVercel VercelWordPress WordPress

Al Annas Portfolio

Introduction

  • Experience the seamless integration of WordPress and Next.js (App Router), resulting in a showcase that embodies a harmonious blend of skills and experiences.

Integration Expertise:

  • Efficiently integrate WordPress's robust backend with the dynamic view of Next.js's frontend.
  • Effortlessly manage Experiences, Portfolios, and Skills through the WordPress dashboard.
  • Achieving dynamic data integration via REST API for vibrant Next.js displays.

Sub-Project 1: Developer Portfolio CPT Plugin

  • User-centric post type plugin, simplifying content management via WordPress Admin.
  • Elevates portrayal of skills, experiences, and projects.
  • GitHub: Developer Portfolio CPT Plugin

Sub-Project 2: Developer Portfolio Headless Theme

Github: Nas Portfolio

React ReactNextJS NextJSTypeScript TypeScriptFramer Motion Framer MotionVercel VercelWordPress WordPress

Avatarixt

Creating Unique Avatars

  • A web application empowering users to design their custom avatars.
  • Enhances the UI/UX of Bigheads.io editor for seamless avatar creation.
  • Offers the capability to combine expressions, clothing, hairstyles, and colors.
  • Generates millions of unique characters by merging various elements.
  • Avatars can be downloaded as an image
  • Next.js (App Router) for dynamic and optimized frontend development.
  • Leveraging Next.js's server-side rendering for improved performance.
  • React for interactive elements and real-time avatar preview.

Github: Avatarixt

React ReactNextJS NextJSTypeScript TypeScriptVercel Vercel

RightLeads

Platform Overview: Precision Lead Generation

  • A tailored CRM platform specifically designed for Nexsales Proprietary database.
  • Successfully served a diverse range of users including External Clients, the Internal Operations Team, and Demo Platforms to showcase the quality of leads within Nexsales proprietary database.
  • The culmination of these efforts resulted in actionable and highly accurate lead data, with an industry-leading conversion rate of 95%.

Front-End Expertise:

  • Played a pivotal role in the complete front-end development of the platform, ensuring a user-friendly and intuitive interface.
  • Contributed to the enhanced user experience and smooth interaction with the platform.

API Development:

  • Developed critical API endpoints that effectively connected and synchronized the front-end components of the platform.
  • The seamless integration of APIs played a vital role in ensuring a cohesive and efficient platform experience for users.
AngularJS AngularJSExpressJS ExpressJSRiak KV Riak KVApache Solr Apache SolrGoogle Cloud Platform Google Cloud PlatformRedis RedisSalesForce SalesForceHubSpot HubSpotOutReach OutReachStylus Stylus

Goldmine

Streamlined Lead Management

  • CRM platform tailored for operations teams to centralize lead generation workflows.
  • Developed as an internal project for Nexsales.
  • Achieved a remarkable 3x efficiency boost in lead generation projects.
  • Users experienced simplified workflows and improved quality of work-life.

Front-End Expertise:

  • Led complete front-end development of the application.
  • Ensured a user-friendly and intuitive interface.

API Development:

  • Created API endpoints to seamlessly connect the front-end components.
VueJS VueJSVuetify VuetifyExpressJS ExpressJSGoogle Cloud Platform Google Cloud PlatformDocker DockerPostgreSQL PostgreSQL
Grabber

Grabber

Chrome Extension (Confidential Project):

  • Developed for data scraping and lead generation.
  • Extracted valuable contact and company details.
  • Implemented data sanitization and validity checks for precision.

Collector API and Data Collection:

  • Integrated a Collector API for streamlined data gathering.
  • Enhanced efficiency in obtaining essential information for lead generation.

Data Organization and Storage:

  • Designed a system for organized data storage in a database.
  • Utilized CSV writes for smooth integration into operational workflows.
AngularJS AngularJSExpressJS ExpressJSGoogle Cloud Platform Google Cloud Platform

Voicereach

Cloud-Based Dialer for Enhanced Sales Conversations

  • Revolutionary tool streamlining sales conversations in the digital age.
  • User-friendly interface for real-time prospect engagement.
  • Maximizes efficiency by condensing a day's worth of calling.
  • Achieves a remarkable 10x increase in sales conversations through cloud-powered impact.

Your Role: Contributing to Front-End Excellence

  • Integral team member developing Cloud-Based Dialer's front-end.
  • Leveraged UI design expertise for a user-friendly interface.
  • Designed and implemented critical front-end features.
  • Contributed to creating a seamless and efficient user journey.
AngularJS AngularJSExpressJS ExpressJSmySQL mySQLRedis RedisSalesForce SalesForceGoogle Cloud Platform Google Cloud PlatformLESS LESS

Theme Performance

  • Revolutionary in Lightspeed
  • Made to perform at the highest level through the many design features
  • Designed by UX professionals.
  • Contributed to development of the UI components and templates
Lightspeed Lightspeed

Theme Conversion

A lightning-fast checkout.

  • Through research, measurements, and feedback from Lightspeed customers, the checkout is optimized on a daily basis.
Lightspeed Lightspeed

Theme Access

  • The most installed theme in Lightspeed's theme store.
  • High-quality design for brand and fashion stores.
Lightspeed Lightspeed

Imperial Theme

  • The Imperial by AdVision is one of the most 'modern' themes available for the SEO Shop/Lightspeed eCom platform and it is fully responsive, for smaller mobile devices and expands to the full width of any desktop monitor.
  • 'Bigger is Better' as The Imperial features significantly larger product images and beautiful rollover effects that incentivize your visitors' interaction.
Lightspeed Lightspeed

QICQ

  • Theme Customization & Performance Optimization
Lightspeed Lightspeed