I am a Frontend developer who builds elegant, performant, and accessible web products. Within my professional journey of 5+ years, I have worked on SaaS products, Learning Management Sytems, Banking Applications, E-commerce sites, Fintech Web applications, Marketing websites, etc. Startup to enterprise level company, I have the experience to work with all.

Email   Twitter   LinkedIn   Github   StackOverflow   Upwork   Fiverr  

I had the pleasure of working with Anower (Shofol) on a front-end development project for one of my clients. Anower is not just a skilled and fast front-end developer, but he also possesses a comprehensive understanding of web development. His expertise and attention to detail were instrumental in the success of our project.
What sets Anower apart is not only his technical process but also his honesty and integrity. He consistently communicated progress, challenges, and solutions transparently, making him a reliable and trustworthy team member.
- Josep Martí, Tech Consultant & Advisor | Fractional CTO

We hired Anower primarily to work on our React based website. Anower is enthusiastic, works well with other engineers, and proved his worth to his peers with his expertise with React technologies. He helped us completely rewrite our website and took on both the work of building pixel perfect UI and the work of integrating with our backend with aplomb. I strongly endorse Anower and would love to work with him again!
- Jeff Tam | Head of Product and Engineering, GIST

Shofol is the developer you need for all your projects. He'll stop at nothing until your project is sound and solid. I could not recommend him more for all your dev work.
- Elie Fossi | Software Engineer, The Boston Globe

Vertical is helping the health care institutions with their IT services. Their mission is to help Patient-Centric Digital Health Go Global.

At first, I worked in this project on a very tight deadline. They were looking for a fast and optimized landing page to boost their services. I provided them with a fresh landing page within just 4 days.

After that, they had planned to update their website after delivering the first version. For the new site, I build it from scratch. For a better expereience, I made the Home page as static site and made other pages (Blog, Cornerstone, About us) dynamic. So, users experience a fast loading when the website loads. This is the main marketing tool for Vertical now and it's boosting their business daily.

This is not just a static site. I had integrated Contentful CMS with Frontend to build dynamic content pages. SEO is also implemented on the site. Also, to achieve both static and server side rendered pages, I used the getStaticPaths, getStaticProps functions of NextJS.

The whole site is developed by me from scratch. The client provided me the design on AdobeXD and from that I made the site alive.

🌍 Live link: vertrical.com
⚙️ Tech Stack Used: Next.js, TailwindCSS, Contentful, Vercel

SmiliFood is an online solution for restaurateurs that simplifies the management of orders and reservations.

I had worked directly with the client to build the design system and theme of their marketing website. They had a rough Figma design for the site and handed over me that. I had worked on the site from scratch and also upgraded the designs at places.

🌍 Live link: smilifood.com
⚙️ Tech Stack Used: Next.js 13, TailwindCSS, Framer Motion

This is a learning management system for the students who are seeking jobs on aboroad. GetMeHired was maintaining their business through google sheets, calendly, and all other third-party systems.

They approached me to build a LMS for them from scratch. I worked on this project for months. I worked with the core team as the lead Front-end developer here. I did research on the UI/UX, improved Figma designs, trained new engineers, developed a MVP with onboarding flow, role based UIs, authentication using JWT, dashboards, etc. Now, it is an integrated system for the whole teaching to the learning process of their company. This app is being used by thousands of students regularly.

🌍 Live link: app.wissenlms.com
⚙️ Tech Stack Used: Angular 10, Bootstrap, Java Spring Boot, AWS, Firebase, MongoDB

AbabilNG is a web-based core banking software.

I worked on this project from 2018-2021. Many banks in my country are using this application and I was a core member of the development team here. It is a huge application with heavy security, optimization, and a smooth user experience.

🌍 You can get a glimpse of it here: AbabilNG Screencast
⚙️ Tech Stack Used: Angular 6, PrimeNG, Angular Material, Java Spring Boot, Docker, Oracle, etc.

Beeblio is a vocabulary learning, sharing all in all management product. You can have it for your school, classroom, or family to learn vocabulary with your group.

I built this app from scratch and it's being used by thousands of users now. At first I had converted static HTML, CSS designs to React components. Then integrated APIs with the frontend, developed comprehensive dashboards, implemented authentication through email, social login methods like Twitter, Google, Amazon. Also, integrated AWS services for converting text-speech, integrated multiple online dictionaries API and made a smooth UI for the users to learn new words easily.

🌍 Live link: web.beebl.io
⚙️ Tech Stack Used: React.js, Bootstrap, Java Spring Boot, AWS, Postgres

Defi Network builds digital products & apps on the blockchain. The Defi Network is a global blockchain product team.

They reached me to redesign their website with SEO implementaions. The website has been built from scratch by me. All the data in the website is maintained in a way that they can easily add new projects, case studies, team members, technologies, etc. on the go.

🌍 Live link: thedefi.network
⚙️ Tech Stack Used: Next.js, TailwindCSS, Vercel, Google Analytics, Figma

Gist Technology is a personal shopping assistant application designed to track, follow and monitor shopping habits. I had mostly worked on migrating the website from pure React to Next.js.

Some noted works of mine on the project-

• Converted the React.js codebase to Next.js
• Implemented SEO of the website with Next.js features. (Implemented dynamic sitemap, robots.txt, etc.)
• Successfully implemented custom preview images for different pages across different social platforms like Twitter, Facebook, Whatsapp, LinkedIn, etc.
• Moved the website's design from normal CSS to TailwindCSS
• Redesigned website pages to attract new customers. Like, the current home page, about us page, etc.
• Made the website fully responsive and working across devices, os, etc.

🌍 Live link: gistapp.co
⚙️ Tech Stack Used: Next.js, TailwindCSS, AWS Amplify, Firebase, etc.

An API First Search Engine For Standardized Consumer Electronics Technical Specifications.

I worked with the team for implementing a new feature. There were tasks to show all brands, categories and specification of different types of gadgets in an app. Also, there were two UIs to create a new specification and a new schema to create such specification. This was a full stack Next.js app where I had handled both the frontend and backend logic codes. As there were a lot of products, I had implemented Algolia search too in the application

🌍 You can get a glimpse of it here: TechSpecs Screencast
⚙️ Tech Stack Used: Next.js, MongoDB, Algolia, TailwindCSS, Vercel.

Atechnology is a consultancy agency. It develops embedded systems, hardware and high quality software.

They approached me to build their new marketing site with Vue.js and Vuetify. I worked closely with the stakeholders to design, build and test the website. This is a multi page website with dynamic and static content. They had provided me design on Figma and from there I developed the site. In some cases I put my own decision to make it better and user friendly. The site has been delivered with template pages. They are working on it now and not live yet. But, for testing purpose it's deployed on Netlify.

🌍 Live link: atechnology-web.netlify.app
⚙️ Tech Stack Used: Vue.js, Vuetify, Netlify, Lottie animations, Figma

XPAD is a new decentralised funding platform aiming to solve many of the core problems associated with previous iterations. Completely chain agnostic, bringing real projects to our investors and providing real value to projects launching through then.
Built the website from scratch from Figma to React.js.

🌍 Live link: xpad.netlify.app
⚙️ Tech Stack Used: React.js, TailwindCSS, Figma

Saturna is a cryptocurrency based web application. It is introducing a P2P NFT Marketplace, one of the first of its kind and with a following of over 70,000 holders. Their slogan is: Buy and hold Saturna to enjoy its frictionless yields in a community-driven project.

I worked on the frontend development part (React.js) of their NFT marketplace. The designs were provided in Figma which was converted to re-usable React components by me. In this project, typescript was used and all the data were typed which helped the Web3 developer to integrate smoothly. As, there are multiple dynamic pages, so React suspense was also used to load the pages lazily. Also, the components were broken into small functional ones to re-use through the application.

🌍 You can get a glimpse of it here: Saturna Screencast
⚙️ Tech Stack Used: React.js, Typescript, TailwindCSS, Figma

Defi Network platform. I worked on the frontend of this application. It was built from scratch by me. Converted AdobeXD designs to pure React components.

🌍 Live link: solidefiapp.netlify.app
⚙️ Tech Stack Used: React.js, Typescript, TailwindCSS

A Forex platform.

🌍 Live link: doshcapital.com.au
⚙️ Tech Stack Used: React.js, Typescript, MUI

A static dashboard built with Angular.

🌍 Live link: codashboard.netlify.app
⚙️ Tech Stack Used: Angular

• Run your Github Actions jobs from a specific directory
• How to use JetBrainsMono in VSCode (New font in the town)
• How to make a fancy date picker for mobile by Angular Virtual Scrolling
• Create a gradient progress bar with CSS
• Create an overlay without creating a new element
• Implement dark mode with Next.js+TailwindCSS in 5 minutes
• How to make a gradient border just in 2 steps
• Stylize your background with backdrop-filter.
• Control your grid flow with grid-auto-flow
• Make a route guard to implement Role-based access control (RBAC) in Angular
• Change style on scroll using Intersection Observer API