Skip to content
View ArfinHasib's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report ArfinHasib

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
ArfinHasib/README.md

Hi , I'm Arfin Hasib

Profile Views Fullstack Developer Portfolio

GIF

About Me

I am a passionate Fullstack Developer with a strong foundation in both frontend and backend technologies. A Versatile Developer Specializing in MERN, UI/UX DESIGN, and NEXTJS with a Passion for Continuous Learning. My expertise lies in integration, improving user interfaces, and enhancing overall user experiences. I thrive on solving challenging problems and creating innovative solutions.

Skills

JavaScriptPythonTypeScriptGitVS CodeSublime TextHTML5ReactNextJsJQueryCSS3SassTailwindCSSChakra UIBootstrapMaterial UIReduxWebpackBabelNodeJSExpressMySQLPhotoshopIllustratorAfter EffectsPremiere ProXDFigmaWordpressFramerWixSquarespace

Resume

Experience

  • Web Designer & Developer at Upwork (Remote) | Jan 2021 - Current

    • Currently working as a front-end Developer and UI/Web Designer on Upwork.
    • Built websites for clients in different niches(using HTML, CSS, JavaScript, TypeScript, NextJS, React, Webflow, etc) that increased their sales, engagement, and overall user experience.
    • Improved UI loading speed and mobile responsiveness, reducing user-reported bugs by 20%.
  • Youtuber - FrontEnd Development, Web Design, JavaScript, CSS, React, NextJs at YouTube (Remote) | Apr 2024 - Current

    • I have a YouTube Channel (DevLab Tutorials) where I teach about web development, and building projects with HTML, CSS, JavaScript, React, TypeScript, and Next.js.
    • Providing valuable content for my audiences every day, building web projects from scratch, and teaching my audienceabout front-end development, css animations, JavaScript frameworks, and much more. Feel free to visit my channel.
  • UI/UX Designer & Frontend Developer at e-iskool (Remote) | Jul 2020 - Oct 2021

    • Designed and implemented proper visual designs after user research and usability testing with the UX team.
    • Collaborated with backend developers to implement APIs, implement database, and also make sure the right data getspresented to the users.

Tech Stack

Languages

C

JavaScript Typescript

Python Markdown CSS3 HTML5

Libraries/Frameworks

Bootstrap

TailwindCSS

React

Next JS jQuery Express.js Firebase MySQL MongoDB SQLite

Deployment

AWS Netlify Heroku Vercel

Tools

Adobe Lightroom Adobe Photoshop Adobe Premiere Pro Inkscape Adobe InDesign Figma Notion

Projects

  • Implemented a Notion Clone (I named it Lotion). Used NextJS 14, Tailwind CSS, Convex for Database Management and Clerk for Authenticaiton.
  • Users can sign up and create new account, After that they can start creating unlimited notes.
  • Impact: This app doesn't have all the functionality of the Main Notion App. But have the most important and useful ones.

  • Developed a Task Management App similar to Trello with NEXT.JS, Tailwind CSS, Convex for Database Management and Clerk for Authenticaiton.
  • Users can sign up and start creating Tasks and modify them with proper usable ux and ui design.
  • Impact: Transformed user experience by incorporating various features, resulting in a remarkable 40% increase in user engagement and a 25% growth in active participation.
  • An Web Application to view latest and top movies released recently and all over the years.
  • Impact: Easy and Intuitive UI/UX which facilitated direct communication b/w farmers & consumers, with a secure Database and easy maintenance of all transaction records.
  • This a classic Matching Game. I have developed it using React, JSX, React Query and Redux.
  • Impact: Enhanced the UX with custom CSS styles to make it more fun and user friendly.

Socials

Contact Me

You can reach out to me via  

Random Joke

Click to see a random joke

Jokes Card

github contribution grid snake animation

Pinned Loading

  1. game-hub-2.0 game-hub-2.0 Public

    TypeScript

  2. Lotion-A-Notion-Clone Lotion-A-Notion-Clone Public

    TypeScript 1

  3. bakery-website-responsive bakery-website-responsive Public

    CSS

  4. myMoney myMoney Public

    JavaScript 1

  5. halloween-website-2023 halloween-website-2023 Public

    CSS

  6. Taskify Taskify Public

    TypeScript