Welcome to My Portfolio

MY PORTFOLIO & PROJECTS

Bringing Ideas to Life!

Get His Green

GethisGreen is an e-commerce platform selling pens in Nigeria. It features a responsive frontend, secure checkout, payment integrations, and order tracking usin...

React
Next.js
JavaScript
TypeScript
HTML/HTML5
CSS/CSS3
Figma
Visual Studio Code
Git
GitHub

Visit Now

Lets Go


Home Page

This home page introduces the business to the world in an elegant way.

Contributors:
Farasat Ali
Faizan Qureshi
M. Sheran Khan
Adam Israil
Abdul Moiz

Hide Case Study

CASE STUDY:

🐙 GitHub Url:

N/A

💼 Role:

Software Engineer

As the software engineer on the GethisGreen project, I was responsible for leading the development of the e-commerce platform’s frontend. My role encompassed a wide range of tasks from designing the user interface to ensuring seamless integration of various components of the system. I utilized my expertise in React, TypeScript, and Next.js to build a modern, responsive, and secure platform tailored to the specific needs of the client. My involvement included implementing features such as a cart management system, detailed product pages, secure checkout processes, and user authentication, ensuring the platform provided a smooth and efficient user experience.

👨‍💼 Client:

Private Client

GethisGreen is a private e-commerce company specializing in the sale of pens and related stationery products within Nigeria. The company focuses on providing a high-quality selection of writing instruments to meet the needs of both casual users and enthusiasts. GethisGreen sought a modern, efficient, and secure online platform to enhance its market presence and streamline its sales processes. With a commitment to delivering exceptional customer service and a user-friendly shopping experience, GethisGreen aimed to create an accessible and reliable marketplace for pen enthusiasts across Nigeria. The client values innovation and security, which were pivotal in guiding the development of their tailored e-commerce solution.

💻 About Project:

GethisGreen is a specialized e-commerce platform designed for selling pens in Nigeria. The project aimed to create a modern, efficient, and secure online marketplace that catered specifically to the needs of pen enthusiasts and buyers in the region. The platform was developed to address the growing demand for high-quality stationery products in Nigeria and to provide a user-friendly shopping experience. The e-commerce site was built with a responsive design to ensure compatibility across various devices, including desktops, tablets, and smartphones. The platform features a clean, intuitive interface that allows users to browse an extensive catalog of pens, each accompanied by detailed descriptions and high-resolution images. This ensures that customers have all the information they need to make informed purchasing decisions. The cart management system was designed to be straightforward, allowing users to easily add, remove, and review items before proceeding to checkout. Security was a top priority for the GethisGreen project. To ensure a safe shopping experience, the platform incorporates secure checkout processes and integrates with reliable payment gateways, providing users with multiple options for payment. Additionally, NextAuth was used to handle user authentication, safeguarding personal and transactional data against unauthorized access. The platform also includes an order tracking feature, which allows users to monitor the status of their purchases from the moment they are placed until delivery. This enhances the overall customer experience by providing transparency and real-time updates. The design and functionality of the site were crafted to facilitate a smooth, hassle-free shopping experience, contributing to higher customer satisfaction and retention.

🚧 Problem:

GethisGreen approached the project with a clear need for a robust e-commerce solution that could support their operations in Nigeria. The challenge was to develop a platform that was not only modern and visually appealing but also secure and user-friendly. Key issues included the need for effective cart management, a reliable and secure checkout process, and seamless integration with various payment gateways. The e-commerce platform had to cater to a diverse user base while ensuring data protection and transaction security. Given the specific focus on selling pens, the platform required a well-organized product catalog with detailed descriptions to help customers make informed decisions. Additionally, the system needed to handle user authentication and manage sensitive information securely. Integrating with local payment providers and ensuring compatibility with different devices and browsers added another layer of complexity to the project. The goal was to overcome these challenges and deliver a solution that met the client’s needs while providing an exceptional user experience.

🛠️ Solution:

To address the requirements of the GethisGreen project, I led the development of the frontend using React, TypeScript, and Next.js, which are modern technologies well-suited for building high-performance web applications. React provided a flexible and efficient way to build dynamic user interfaces, while TypeScript offered strong typing and error-checking capabilities, enhancing code reliability and maintainability. Next.js was utilized for server-side rendering and static site generation, ensuring fast load times and improved SEO performance. The development process involved creating a responsive product page layout that adapted seamlessly to different screen sizes. Detailed product descriptions were incorporated to provide users with comprehensive information about each pen. A cart management system was implemented to allow users to easily add, remove, and review items in their cart. The checkout process was streamlined to minimize friction, incorporating secure payment integrations to handle transactions smoothly. NextAuth was integrated to manage user authentication, ensuring that login and registration processes were secure and user data was protected. Additionally, the order tracking functionality was built to provide users with real-time updates on the status of their orders, enhancing transparency and customer satisfaction. The result was a well-rounded e-commerce platform that met the client’s specifications and provided a positive user experience. The modern design and efficient functionalities contributed to the platform’s success, supporting GethisGreen’s business operations and enhancing their online presence in the Nigerian market.

🌟 Key Features:

  • Responsive Product Page: Dynamic layout adjusting to various screen sizes for optimal user experience.
  • Detailed Product Descriptions: Comprehensive information and high-resolution images for informed purchasing.
  • Cart Management System: Easy addition, removal, and review of items in the shopping cart.
  • Streamlined Checkout Process: Efficient and secure transaction handling with multiple payment options.
  • Secure User Authentication: Managed through NextAuth to protect user data and credentials.
  • Order Tracking: Real-time updates on the status of orders for enhanced customer transparency.

🏆 Results:

The deployment of the GethisGreen e-commerce platform marked a significant advancement in the client’s ability to engage with the Nigerian market. The platform successfully provided a sophisticated online shopping experience that met the specific needs of pen buyers. Users were able to navigate through a well-organized catalog of pens with ease, thanks to the responsive and intuitive design. Each product page offered comprehensive details and high-resolution images, enabling customers to make well-informed purchasing decisions. The cart management system streamlined the process of adding, removing, and reviewing items, enhancing the overall user experience. The checkout process was simplified to minimize friction, featuring secure payment integrations that accommodated various payment methods and ensured smooth, reliable transactions. The inclusion of NextAuth for user authentication added a robust layer of security, protecting sensitive information and fostering trust among users. Order tracking was a standout feature, providing real-time updates that allowed customers to monitor the status of their purchases from order placement through to delivery. This transparency not only improved customer satisfaction but also reduced inquiries and support requests related to order status. The modern design and efficient functionality of the platform contributed to a more engaging and user-friendly experience. This was reflected in positive customer feedback and increased engagement, helping GethisGreen build a stronger online presence and drive higher sales. The platform's performance also facilitated smooth operations for the client, enabling them to effectively manage their inventory and process orders with greater efficiency. Overall, the project not only fulfilled GethisGreen’s requirements but also set a new standard for their e-commerce operations. The successful implementation of this platform has positioned GethisGreen as a leading player in Nigeria's online stationery market, providing a solid foundation for future growth and expansion.

🎯 Technologies Used:

  • Programming Languages: JavaScript, TypeScript
  • Frontend: React, Next.js, HTML, CSS
  • Authentication: NextAuth

📘 How To Use:

As the project is proprietary and not open-source, specific usage instructions are not publicly available. For operational details or support, direct communication with GethisGreen or their development team is required. The platform is designed to be user-friendly, with an intuitive interface for customers and a streamlined backend for administrative management.

🔒 License:

The GethisGreen e-commerce platform is a proprietary solution, and all intellectual property rights are held exclusively by the client. The codebase and associated materials are confidential and not available for public use or distribution.

MY PORTFOLIO & PROJECTS

Click Project to see it in the mocks!

All
React
Next.js
Node.js
Express.js
(Amazon Web Services) AWS
JavaScript
TypeScript
Python
Solidity
React Native
MongoDB

Professional Projects

Portfolio V2 [Deprecated]
Portfolio V2 [Deprecated]

Portfolio V2 [Deprecated]

The portfolio site version 2 is a personal project aimed at showcasing professional achievements and skills.

#react

#next.js

#javascript

#typescript

#framer-motion

#tailwind

#vercel

#visual-studio-code

#git

#github

Curriculum Vitae (Portfolio V1) [Deprecated]
Curriculum Vitae (Portfolio V1) [Deprecated]

Curriculum Vitae (Portfolio V1) [Deprecated]

Dynamic and responsive portfolio website built with React and TypeScript for showcasing professional skills, projects, a...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#visual-studio-code

#git

#github

Star Marketing App
Star Marketing App

Star Marketing App

The Star Marketing App is a comprehensive web application developed for Star Marketing Pvt. Ltd., a leading property mar...

#react

#next.js

#node.js

#(amazon-web-services)-aws

#javascript

#typescript

#html/html5

#css/css3

#tailwind

#nest.js

#payload-cms

#strapi-cms

#mongodb

#postgresql

#docker

#vercel

#figma

#visual-studio-code

#git

#github

Voiiice App
Voiiice App

Voiiice App

VOIICE.io is a modern platform for podcast creators, featuring browser-based audio recording, secure content management,...

#react

#next.js

#node.js

#express.js

#(amazon-web-services)-aws

#stripe

#javascript

#html/html5

#css/css3

#mongodb

#vercel

#visual-studio-code

#git

#github

Xerofinity
Xerofinity

Xerofinity

Xerofinity is a basic website developed by friends for a startup initiative. Though the startup is no longer operational...

#javascript

#html/html5

#css/css3

#vercel

#visual-studio-code

#git

#github

Get His Green
Get His Green

Get His Green

GethisGreen is an e-commerce platform selling pens in Nigeria. It features a responsive frontend, secure checkout, payme...

#react

#next.js

#javascript

#typescript

#html/html5

#css/css3

#figma

#visual-studio-code

#git

#github

GPA and CGPA Calculator
GPA and CGPA Calculator

GPA and CGPA Calculator

The GPA and CGPA calculator is a web application developed to automate and simplify the calculation of Grade Point Avera...

#react

#javascript

#typescript

#html/html5

#css/css3

#vercel

#visual-studio-code

#git

#github

Personal Projects

Restaurant Food Ordering System
Restaurant Food Ordering System

Restaurant Food Ordering System

The Restaurant System project is a web application designed to showcase a restaurant's offerings and information. It inc...

#react

#javascript

#vercel

#visual-studio-code

#git

#github

Xenrir Online Store
Xenrir Online Store

Xenrir Online Store

Xenrir is an e-commerce website that was built as a personal project. It features essential pages for online shopping, i...

#react

#next.js

#javascript

#typescript

#html/html5

#css/css3

#tailwind

#strapi-cms

#vercel

#visual-studio-code

#git

#github

PIAIC Website Clone
PIAIC Website Clone

PIAIC Website Clone

The PIAIC website clone project aims to replicate the functionality and design of the official PIAIC website. It include...

#react

#next.js

#javascript

#typescript

#vercel

#visual-studio-code

#git

#github

Gatsby Vitual Lolly App
Gatsby Vitual Lolly App

Gatsby Vitual Lolly App

Using React, TypeScript, Gatsby, and FaunaDB, create virtual lollipops with personalized messages and share them via uni...

#react

#javascript

#visual-studio-code

#git

#github

Crwn Clothing
Crwn Clothing

Crwn Clothing

CRWN Clothing is a basic e-commerce website built using React, TypeScript, and Stripe for secure payments.

#react

#node.js

#express.js

#stripe

#javascript

#visual-studio-code

#git

#github

Natours Tour Website
Natours Tour Website

Natours Tour Website

A basic tour website featuring a static home page developed as part of a web development course project.

#javascript

#visual-studio-code

#git

#github

Nexter Home Purchase UI
Nexter Home Purchase UI

Nexter Home Purchase UI

Nexter Home Purchase Website - A basic, single-page home purchase website showcasing modern design and responsive layout...

#javascript

#visual-studio-code

#git

#github

Trillo Hotel UI
Trillo Hotel UI

Trillo Hotel UI

A basic hotel website showcasing responsive design and modern UI elements.

#javascript

#visual-studio-code

#git

#github

Cortex Copywriter Clone
Cortex Copywriter Clone

Cortex Copywriter Clone

Tiny Web Animation is a personal project showcasing a clone of Cortex Copywriter with five different themes. Built using...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#visual-studio-code

#git

#github

Expense Tracker App PWA
Expense Tracker App PWA

Expense Tracker App PWA

The Expense Tracker App PWA is a simple yet powerful tool for tracking daily expenses. It was built using React, TypeScr...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#visual-studio-code

#git

#github

Quiz App
Quiz App

Quiz App

A basic Quiz App built using React, Typescript, JavaScript, HTML, and CSS for practicing frontend development skills.

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Time App (TDD)
Time App (TDD)

Time App (TDD)

A stopwatch timer application implemented using React, TypeScript, JavaScript, HTML, and CSS, emphasizing Test-Driven De...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

React Shoe Store
React Shoe Store

React Shoe Store

React Shoe Store is a basic e-commerce application showcasing shoes as products, built using React, TypeScript, JavaScri...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#material-ui

#visual-studio-code

#git

#github

Gatsby Bookmark App
Gatsby Bookmark App

Gatsby Bookmark App

A simple bookmark management application using React, Gatsby, and FaunaDB where you can save your bookmarks publicly.

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Covid Tracker App [Deprecated]
Covid Tracker App [Deprecated]

Covid Tracker App [Deprecated]

Covid Tracker is a basic website displaying COVID-19 statistics and charts, designed for easy access and data visualizat...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Gatsby Blog Site
Gatsby Blog Site

Gatsby Blog Site

A simple blog site using React, TypeScript, Gatsby, and Contentful for content management.

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Gatsby CRUD App
Gatsby CRUD App

Gatsby CRUD App

A CRUD application using React, Typescript, JavaScript, HTML, CSS, FaunaDB, and Gatsby for managing messages.

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Netflix UI Clone
Netflix UI Clone

Netflix UI Clone

A basic Netflix UI Clone project using React, TypeScript, JavaScript, HTML, and CSS for practising front-end development...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Diaries App
Diaries App

Diaries App

A basic Diaries App using React, Typescript, JavaScript, HTML, and CSS, featuring user sign-up, login, and creation of p...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

React Expense Tracker App
React Expense Tracker App

React Expense Tracker App

The Expense Tracker App is a simple yet powerful tool for tracking daily expenses. It was built using React, TypeScript,...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#visual-studio-code

#git

#github

JamStack Todo App
JamStack Todo App

JamStack Todo App

A basic Todo App developed using React, Typescript, JavaScript, HTML, CSS, Gatsby, and FaunaDB.

#react

#javascript

#typescript

#visual-studio-code

#git

#github

CV Builder App
CV Builder App

CV Builder App

A web-based CV builder designed as part of a "Web Engineering" course, allowing users to log in, fill in their informati...

#javascript

#visual-studio-code

#git

#github

Quiz App PWA
Quiz App PWA

Quiz App PWA

A basic Quiz App built using React, Typescript, JavaScript, HTML, and CSS for practicing frontend development skills wit...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

Multi Step Form
Multi Step Form

Multi Step Form

A basic three-step form UI built using React, JavaScript, HTML, and CSS to practice and demonstrate front-end developmen...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

React Shopping Basket
React Shopping Basket

React Shopping Basket

A basic shopping website built with React, TypeScript, HTML, and CSS, featuring home, products, product details, and car...

#react

#javascript

#typescript

#html/html5

#css/css3

#scss/sass

#visual-studio-code

#git

#github

React Taskbox
React Taskbox

React Taskbox

Task Box is a React-based task management web application with FaunaDB integration, designed for efficient task organiza...

#react

#javascript

#typescript

#visual-studio-code

#git

#github

SERVICES

A Tailored Solution for You!

Farasat Ali offers top-tier web and mobile development, leveraging the latest technologies for customized solutions. His expertise includes cloud deployment for reliable, scalable applications. With AI integration, he provides intelligent, data-driven solutions to enhance efficiency. In Blockchain development, he creates secure, decentralized systems for trust. His data-driven strategies turn insights into results, driving growth and performance. Committed to excellence, Farasat delivers innovative, robust, and scalable applications. Partner with Farasat Ali for outstanding growth, the best results, and awesome leads with cutting-edge technology.

Web Development

Web Development

As a technology-driven developer, I leverage the latest tools and frameworks such as MERN Stack, Jamstack and NextJs to develop highly scalable and performant web applications.

As a tech-driven developer, I use cutting-edge tools to build scalable, high-performance web apps. Skilled in MERN Stack, Jamstack, and Next.js, I create dynamic applications with React, Node.js, and MongoDB. Proficient in Next.js, I deliver server-rendered and static sites for top SEO and performance. See outstanding business growth with Farasat Ali, achieving irresistibly the best results and surprisingly awesome leads as an expert in the latest technologies.

Cloud & Blockchain Dev.

Cloud & Blockchain Dev.

As a Cloud & web3 developer, I specialize in developing fully interactive web3 websites, Dapps, and smart contracts, and I am also experienced in deployments on Cloud Platforms Like AWS & Azure.

As a Cloud and Web3 developer, I excel in building interactive Web3 sites, DApps, and smart contracts. I deploy and manage these solutions on AWS and Azure, ensuring scalability and performance. My deep blockchain knowledge and cloud expertise drive outstanding business growth, delivering irresistibly the best results and surprisingly awesome leads. By leveraging the latest technologies, I provide secure, efficient, and cutting-edge digital experiences.

AI, ML & LLMs

AI, ML & LLMs

As an AI/ML developer, I possess a robust knowledge of these technologies, including TensorFlow, PyTorch, and Numpy. I specialize in building, deploying, and optimizing models, leveraging tools like GPTs and LangChain for cutting-edge applications.

As an AI/ML developer, I specialize in TensorFlow, PyTorch, and Numpy for building and optimizing models. Leveraging GPTs and LangChain, I craft innovative solutions that drive outstanding business growth and deliver the best results with awesome leads. My expertise includes data preprocessing, feature engineering, model training, and integration into scalable systems, ensuring top performance and efficiency.

Mobile Development

Mobile Development

As a mobile app developer, I have a strong expertise in creating high-performance mobile applications using cutting-edge technologies such as React Native, Expo, and Firebase.

As a mobile app developer, I build high-performance apps with React Native, Expo, and Firebase. Expertise in React Native ensures seamless cross-platform apps for iOS and Android. Expo accelerates development, while Firebase provides robust backend support, including real-time databases and authentication. Staying current with the latest technologies, I drive outstanding business growth, deliver the best results, and generate awesome leads with innovative mobile solutions.

SKILLS

Keeping Up with the Cutting Edge!

Farasat Ali excels in JavaScript, TypeScript, Python, Solidity, Rust, AssemblyScript, and Cirq. He specializes in web and mobile development with HTML, CSS, SCSS, React, React Native, Next.js, Redux, and related technologies. He is proficient with Node.js, Express.js, Nest.js, Flask, FastAPI, and databases like MongoDB, PostgreSQL, Redis, Neo4j, GraphQL, Firebase, and Supabase. In cloud and CI, he works with AWS, Azure, Terraform, Docker, Kubernetes, Vercel, GitHub Actions, and Jenkins. His Web3 and blockchain experience includes Ethereum, Solana, Anchor, and related tools. He also has expertise in AI and ML with Numpy, Pandas, Pytorch, and Tensorflow. General tools include Sentry, Figma, Visual Studio Code, Git, and GitHub.

- Programming Languages -

JavaScript

TypeScript

Python

Solidity

Rust

AssemblyScript

Cirq

- Web & Mobile Development -

HTML/HTML5

CSS/CSS3

SCSS/SASS

React

React Native

Next.js

Redux

Redux Saga

React Query

Immer

MobX

Framer Motion

Storybook

Bootstrap

Material UI

Tailwind

ShadCn/UI

Node.js

Express.js

Nest.js

Bun.sh

Flask

FastAPI

Socket.io

Payload CMS

Strapi CMS

Sanity CMS

AWS Lambda

Nginx

MongoDB

PostgreSQL

Redis

Neo4j

GraphQL

Firebase

Supabase

TypeORM

Mongoose

Prisma

- Cloud, Infrastructure-as-a-Service (IaaS) & Continuous Integration (CI) -

Amazon Web Services (AWS)

Microsoft Azure

Terraform

Docker

Kubernetes

Vercel

GitHub Actions

Jenkins

- Web3, Blockchain & Development Environments -

Ethereum

Solana

Anchor

Truffle

Hardhat

Ethers.js

Wagmi

WalletConnect

- Artificial Intelligence (AI) & Machine Learning (ML) -

Numpy

Pandas

Pytorch

Tensorflow

Keras

- General Tools & Technologies -

Sentry

Figma

Visual Studio Code

Git

GitHub

Hubspot

Copyright © 2024. All Rights reserved.