AFIQAH RAHMAN

Development Engineer

Contacts

  • +65 83666896
  • afiqahr@outlook.com
  • www.afiqahrahman.com
  • Singapore

Skills

  • Javascript
  • React.js
  • NEXT.js
  • HTML
  • CSS
  • TailwindCSS
  • Node.js
  • NOSQL
  • SQL
  • Api Integration
  • Git
  • Python
  • Redux-Saga

Education

Bachelors’ Degree with Honors in System Engineering in Electromechanical Systems

Singapore Institute of Technology - Digipen Institute of Technology

Sept 2017 - Apr 2021

Automation & Mechatronic Systems

Ngee Ann Polytechnic

Apr 2013 - Apr 2016

Language

  • English-Native
  • Malay-Native

Profile

Experienced Development Engineer with a background in software engineering and a proven track record of delivering high-quality solutions. Skilled in frontend development using React, Next.js, TypeScript, and CSS. Proficient in liaising with clients to understand their needs and requirements, with a strong foundation in project and stakeholder management. Additionally, adept at integrating software and hardware components to develop systems using Python, C++, and LabVIEW, with a focus on user-friendly interfaces built in Python and Qt.

Work Experience

Frontend Developer

Freelance

Jan 2021- Aug 2023

  • Spearheaded frontend development projects utilizing React, Next.js, TypeScript, and CSS.
  • Collaborated closely with clients to gather project requirements and translate them into actionable development plans.
  • Leveraged project management and stakeholder management skills gained from a system engineering background to ensure successful project execution.
  • Designed and implemented user-friendly interfaces to enhance the overall user experience.
  • Develop app and engaged throughout whole life cycle - planning, system analysis, system design, development, implementation, integration, testing, operations, and maintenance.

Development Engineer

Advanced Remanufacturing & Technology Center

Jun 2020- Aug 2023

  • Scope and develop smart inspection system for industrial solutions
  • Successfully integrated software and hardware components to develop complex systems, primarily using Python, C++, and LabVIEW.
  • Developed intuitive user interfaces with Python and Qt to facilitate use interaction with the systems.
  • Tailored system designs to meet the specific requirements of industrial stakeholders, effectively addressing their unique challenges and problems.
  • Collaborated with cross-functional teams to ensure seamless system integration and functionality.
  • Develop systems and engaged throughout whole life cycle - planning, systemanalysis, system design, development, implementation, integration, testing, operations, and maintenance

Assistant Development Engineer

Advanced Remanufacturing & Technology Center

Oct 2015 - Sep 2017

  • Develop machine vision systems tailored to stakeholders requirements
  • Process data for image-based automatic inspections
  • Perform image processing on data to extract information and defect detection
  • Mostly uses LabVIEW, C++ and C# in development

Projects

Portfolio

https://www.afiqahrahman.com/

Tech Stack:REACT.JSNEXT.JS 13TAILWINDCSSTYPESCRIPTSANITY.IOFRAMER MOTION

  • Design, develop and hosted my own portfolio to showcase my capabilities, background and point of contact.
  • Use framer motion to build animation on interfaces
  • Integrated Sanity.io Content Management System to power backend, which allows seamless updates of content to frontend.

CHATGPT CLONE 2.0

https://chatgpt-clone-iota.vercel.app/

Tech Stack:REACT.JSNEXT.JS 13TAILWINDCSSTYPESCRIPTFIREBASE(AUTH & NOSQL)OPENAI API

  • Build ChatGPT Messenger 2.0 interface and AI chat bot.
  • Use the ChatGPT openAI API to create API endpoints which enable user to select different ChatGPT models
  • Create API endpoints in Next.js app to securely manage requests.
  • Connect Firebase v9 to application to create & store REALTIME chats with chatGPT.
  • Build a fully responsive site with Tailwind CSS.
  • Leverage the power of Server components in Next.js 13.

AIRBNB CLONE 2.0

https://airbnb-clone-final.vercel.app/

Tech Stack:REACT.JSNEXT.JSTAILWINDCSSTYPESCRIPTMAPBOXCALENDER & DATE PICKER

  • Build Airbnb 2.0 interface and search functionality.
  • Build a Date and Calendar Functionality book for listings
  • Build a Search Functionality that instantly displays all the listings with the speed using server side rendering.
  • Use Tailwind CSS to build a carousel, loading bars and a responsive site.
  • Use Mapbox to display the exact location of all the listings.
  • Deploy and host project through vercel.

STORE FRONT FOR CLIENT

https://store-setup.vercel.app/

Tech Stack:HTMLCSSJAVASCRIPT REACT.JS

  • Designed, developed, and maintained a responsive e-commerce website for the client, utilizing React, JavaScript, HTML, and CSS adhering to best practices.
  • Optimized the website to improve search engine visibility, making it more accessible to Google's search engine crawler
  • Integrated features such as product navigation, detailed product pages, and a filtering system for sorting products by price and user rating.
  • Ensured that the website was SEO-friendly, responsive across multiple platforms, and hosted to facilitate global accessibility for the client's business.

NETFLIX CLONE 2.0

https://netflix-build-tau.vercel.app/

Tech Stack:HTMLCSSJAVASCRIPT REACT.JSREDUXSTRIPEFIREBASE(AUTH)

  • Build and Deploy Netflix 2.0 using - React.Js libraries.
  • Stripe: Monthly subscription payment flow
  • Redux: global state management.
  • Email and password authentication using firebase.
  • Firebase extension to sync Stripe payment & user details with firestore.
  • REST API using axios to fetch data from movie database.