Taoufiq Lotfi - Full Stack JavaScript Developer

Hi, I am

Hello 👋 , I’m a Full Stack Engineer with 4 years of experience in NextJS and React Native, I have successfully developed several Web and Mobile apps with intuitive user interfaces and rich user experiences. My innovative solutions have effectively addressed real-world problems while providing exceptional user experiences to the end-users.

ABOUT ME

ABOUT
Taoufiq Lotfi - Full Stack JavaScript Developer

Hi, I am Taoufiq Lotfi

  • First Name: Taoufiq
  • Last Name: Lotfi
  • Age: 27 years
  • Nationality: Moroccan
  • Languages: English, Arabic, French
  • Address: 63-66 Hatton Garden, London, EC1N 8LE, United Kingdom.
  • Contracts: Available

MY SKILLS

SKILLS
90%
Front-end Development
90%
Mobile App Development
85%
Back-end Development
70%
UI/UX Design
Javascript / Typescript - (95%)
Node Js - (85%)
Next Js - (95%)
React Js - (90%)
Nuxt Js - (80%)
Vue Js - (85%)
React Native - (85%)
Tailwind Css - (90%)
Vercel / Heroku - (90%)
AWS & Google Cloud - (80%)

MY SERVICES

SERVICES
01
Full Stack Development

I offer full stack development services for web and mobile applications. My services include design, development, deployment, and ongoing support. I create functional, high-quality applications with a focus on user experience, performance, and security. Contact me to discuss your project.

02
Web Development

I offer web development services for businesses and individuals. My services include design, development, deployment, and ongoing support. I create functional, visually appealing websites with a focus on user experience, performance, and security.

03
Mobile App Development

I offer mobile app development services for iOS and Android. My services include design, development, deployment, publishing on app stores and ongoing support. I create functional, engaging apps with a focus on user experience, performance, and security. Contact me to discuss your project.

MY RESUME

RESUME

Educational Qualification

2015 - Present
Self-Taught

(Home)

I am constantly learning about topics that interest me and have an impact on engineering and research, particularly in computer science, web and mobile development, and design. As I continue to learn, I am seeking out new knowledge and opportunities to apply what I have learned.

2021 - Present
Masters in Computer Engineering

Kharkiv National University of Radio Electronics (Ukraine)

The MS in Computer Engineering program is designed to prepare students for careers in industry and for post-graduate studies. It focuses on computer engineering and related fields.

2017 - 2021
BSc in Computer Engineering

Kharkiv National University of Radio Electronics (Ukraine)

The BSc in Computer Engineering program covers the design and development of computers and computer-based systems, including hardware, software, and networking. It provides a strong understanding of the relationship between computer hardware and software.

2015
Higher School Graduation

College (Morocco)

Working Experience

2020 - Present
Full stack javascript engineer

Veedoo.

I mostly focused on building fast and performant web and mobile apps.

This includes front-end technologies like HTML, CSS, ReactJS, NextJS, NuxtJS, as well as back-end technologies like Node.js, Express, and MongoDB.

I was able to develop, test, and deploy complete applications, and provide ongoing support and maintenance. I was able to work on all aspects of an application, from user interface to server-side logic.

i also worked with Vercel, fibery.io, Sanity.io, Prismic CMS, and Firebase.

MY WORKS

WORKS
ALLReact NativeChrome extensionNEXT JSFibery.ioSanity.ioREACT JSArduino
Everyrun: Run Together App
Everyrun: Run Together App

Everyrun: Run Together , a fitness app that the ultimate app that brings virtual running events right to your fingertips I developed it using React Native, Expo, TypeScript, NativeWind, Redux Toolkit, Redux Persist, and integrated with a Symfony 5 backend.

Veedoo Chrome extension for task management and time tracking
Veedoo Chrome extension for task management and time tracking

as a part of Streamlining company workflows at Veedoo i built a Chrome extension for task management and time tracking in Fibery. the Chrome extension is not published it's used only internal by the veedoo team

Everyrun Race Manager
Everyrun Race Manager mobile app (ios/android )

Developed for Everyrun race organisers, the Race Manager app can be used to record race times and scan runner QR codes. It is free to install and use and at the end of the race. both the runner details and race times can be exported and uploaded to everyrun.world. the app was mode with react native and it's published to both google play store and apple app store

Ukraine Shelter Home Page
Ukraine Shelter

Ukraine Shelter is a project that was launched in response to the Russian invasion of Ukraine. The project was initiated by a small team of volunteers and supported by the designers and developers at Veedoo. The primary goal of the project was to coordinate incoming offers of help and shelter for those affected by the invasion. I created the platform using Next.js for the website and Fibery.io to record offers of accommodation and match them with anyone seeking safety. The platform also includes a dashboard in fibery.io for volunteers to find shelter requests and host offers, as well as automation features to make it easier for volunteers to use the system. Since its inception, the project has grown significantly and continues to help Ukrainians find safe places to stay amidst the chaos of war.

CMS for my portfolio (This Website)

The content management system for managing the content of this website. from Website setting, Seo settings to works,blog posts, and reviews.

My personal portfolio (This Website)

An open source portfolio for developers built with nextjs and deployed on vercel

LATEST BLOGS

BLOGS
Building Everyrun: Run Together App with React Native and Expo

Building Everyrun: Run Together App with React Native and Expo

Discover how I leveraged React Native, Expo, TypeScript, NativeWind, Redux Toolkit, Redux Persist, and seamlessly integrated a Symfony 5 backend to build Everyrun Run Together App.

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

In this article, I will share my experience creating my first npm package and the concept behind it: converting hexadecimal colors to their corresponding Tailwind CSS class names. I will discuss the steps I took to develop and publish the package, as well as any challenges I faced and how I overcame them.

Comparing Next.js and Nuxt.js: Which is the Best Framework for Building Full stack Web Apps?

Why I Prefer Next.js over Nuxt.js for Building Full stack Web Apps

This blog post compares Next.js and Nuxt.js, two popular frameworks for building fullstack web apps, and discusses their key features and benefits. and discusses my preference for Next.js.

Building Everyrun: Run Together App with React Native and Expo

Building Everyrun: Run Together App with React Native and Expo

Discover how I leveraged React Native, Expo, TypeScript, NativeWind, Redux Toolkit, Redux Persist, and seamlessly integrated a Symfony 5 backend to build Everyrun Run Together App.

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

In this article, I will share my experience creating my first npm package and the concept behind it: converting hexadecimal colors to their corresponding Tailwind CSS class names. I will discuss the steps I took to develop and publish the package, as well as any challenges I faced and how I overcame them.

Comparing Next.js and Nuxt.js: Which is the Best Framework for Building Full stack Web Apps?

Why I Prefer Next.js over Nuxt.js for Building Full stack Web Apps

This blog post compares Next.js and Nuxt.js, two popular frameworks for building fullstack web apps, and discusses their key features and benefits. and discusses my preference for Next.js.

Building Everyrun: Run Together App with React Native and Expo

Building Everyrun: Run Together App with React Native and Expo

Discover how I leveraged React Native, Expo, TypeScript, NativeWind, Redux Toolkit, Redux Persist, and seamlessly integrated a Symfony 5 backend to build Everyrun Run Together App.

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

Creating My First npm Package: Converting Hex Colors to Tailwind CSS Color Names

In this article, I will share my experience creating my first npm package and the concept behind it: converting hexadecimal colors to their corresponding Tailwind CSS class names. I will discuss the steps I took to develop and publish the package, as well as any challenges I faced and how I overcame them.

Comparing Next.js and Nuxt.js: Which is the Best Framework for Building Full stack Web Apps?

Why I Prefer Next.js over Nuxt.js for Building Full stack Web Apps

This blog post compares Next.js and Nuxt.js, two popular frameworks for building fullstack web apps, and discusses their key features and benefits. and discusses my preference for Next.js.

CONTACT US

CONTACT

Contact Information

If you have any questions, comments, or inquiries, please feel free to contact me using the form below. I would be happy to assist you in any way that I can. Whether you are looking for more information about my work, have a project that you would like to discuss, or simply want to connect, I am here to help. I look forward to hearing from you soon!

Contact address

63-66 Hatton Garden, London, EC1N 8LE, United Kingdom. ⏬