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...
Visit Now
Lets Go
Home Page
This home page introduces the business to the world in an elegant way.
Contributors:
Hide Case Study
CASE STUDY:
🌍 Live Url:
🐙 GitHub Url:
💼 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!
Professional Projects
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]
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
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
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 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
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
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
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 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
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
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 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
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 Website - A basic, single-page home purchase website showcasing modern design and responsive layout...
#javascript
#visual-studio-code
#git
#github
Trillo Hotel UI
A basic hotel website showcasing responsive design and modern UI elements.
#javascript
#visual-studio-code
#git
#github
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
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
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)
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 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
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 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
A simple blog site using React, TypeScript, Gatsby, and Contentful for content management.
#react
#javascript
#typescript
#visual-studio-code
#git
#github
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
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
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
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
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
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
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
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
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
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
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.
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
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
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