Open to Hire

AllStackDev 👨‍💻 — Tue, 06 Aug 2024 16:36:40 +0000

I am currently looking for job opportunities, if you can refer me, that would be great.

CHINEDU EKENE OKPALA

Email: allstackdev@gmail.com | Website: https://allstackdev.netlify.app/ LinkedIn: chinedu-ekene-okpala | Stack Overflow: 7895724/allstackdev GitHub: allstackdev1 | Phone: +233237280716

PROFESSIONAL SUMMARY

Results-oriented full-stack software developer with extensive experience in the JavaScript ecosystem. Proficient in developing and maintaining web applications using modern frameworks and tools. Strong technical expertise in React, Node.js, and various JavaScript frameworks, with intermediate proficiency in Python, Go and Rust. Adept at enhancing user experiences, optimizing application performance, and continuously learning new technologies such as machine learning, and large language models (LLM) with Python and Web3 Blockchain. Passionate about contributing to team success through collaboration and knowledge sharing. I'm language agnostic and willing to explore any other programming languages.

LANGUAGES / SKILLS / TOOLS

Programming Languages: JavaScript, TypeScript, Python, Go (intermediate), Rust (intermediate)
Frameworks and Libraries: Node.js, Express.js, Django, Flask, React.js, Nest.js, Next.js, Angular, Astro, React Native (Android and iOS)
Databases: MongoDB, MySQL, PostgreSQL, Redis
Testing: Mocha, Jest, Nock, React Testing Library, Storybook, Playwright, Cypress, Django.test
DevOps: Netlify, Heroku, AWS
Data Analysis/Visualization: MsExcel, Tableau
Other Skills/Tools: Docker, Jenkins, Microservices, CI/CD, GitLab, GitHub, REST API, Agile Methodologies, Technical Writing

PROFESSIONAL EXPERIENCE

Tech Lead, Buyer Product

Complete Farmer LTD | Greater Accra, Ghana
August 2023 - May 2024

I was committed to achieving project milestones using Agile methodologies, ensuring on-time deliverables, and launching the new Buyer product.
I provided leadership and guidance to team members, facilitating task delegation and fostering collaboration.
Technologies used: Nodejs, React.js, Astro.js, Docker, Jira, GitHub, Jenkins, Mocha, Chai, SonarQube

Senior Full Stack Software Developer

Complete Farmer LTD | Greater Accra, Ghana
January 2020 - August 2023

I spearheaded the creation of a bootstrap codebase structure used within the organization, enhancing collaboration, productivity, and speed by 50%.
Mentored junior/new colleagues, bringing them up to speed, and increasing team efficiency by 10%.
I conducted code reviews and code quality checks to maintain high standards.
Technologies used: Nodejs, Express.js, MongoDB, React.js, Next.js, React Native, Mocha, Chai, Docker

Software Developer III

ThisDot, Inc | USA (Remote)
August 2022 - July 2023

I developed in-house projects using various JavaScript frameworks, showcasing adaptability and technical expertise.
Authored technical blog posts, sharing insights on emerging technologies and frameworks, enhancing company visibility and thought leadership.
I collaborated with cross-functional teams to deliver client projects.
Technologies used: React.js, Astro.js, React Native, Solid, Qwik, Vue, Svelte, React Testing Library, Vitest, Netlify serverless functions,

Full Stack Developer

Complete Farmer LTD | Greater Accra, Ghana
September 2018 - January 2020

I maintained and optimized existing applications.
Redesigned the frontend, and backend application and migrated db, while maintaining no loss of data, increasing scalability and robust performance, driving an increase in user satisfaction.
Technologies used: Handlebars, React.js, Redux, Redux-Saga, Express.js, MongoDB

Frontend Developer Intern

iKolilu | Greater Accra, Ghana
March 2017 - July 2018

I spearheaded the development and deployment of a new company website.
I developed the parent portal interface, used by more than 1,000 parents/guardians from different schools to monitor their wards' progress, increasing demand for the company's main product (SMS) by 50%.
Technologies used: Angular 4, PHP 7, Ext JS, FTP

EDUCATION

B.Sc Information Technology
Sikkim Manipal University India November 2014 to September 2018

How I Mistakenly Learnt and Used React Hooks(useState and useReducer)

AllStackDev 👨‍💻 — Mon, 10 Jun 2019 16:49:34 +0000

Here I will be showing how I got to make use of React Hooks (useState and useReducer), to reduce the size of my code, applying the react law of reusing components.

I was trying to figure out a way to toggle password visibility for user preference in my recent project, this was to be in the signup and login forms.

Before I kick off(football/Soccer lover here!!!), dependencies used:
react
react-dom
reactstrap
bootstrap
material-icons

So my basic design thought was to assign the toggling effect to a state which will be responsible for changing the input type of the password field from password to text and vice versa, remember that in most signup forms we have two password input field (password and confirm password), which I have to keep their password toggling state independently, so now I have showPassword and showConfirmPassword as the state variables.

Let us now focus on the form display,

Here is how it look

Next, I need to add a visual item which the user can click to toggle the password visibility state.

I'll use two icon types (visibility and visibility_off), and I will be switching between them by adding and removing the bootstrap class d-none when a user clicks on the icon using vanilla JavaScript document.getElementById.classList add and remove functionality.
I then create a single function which will handle the onClick event in all the icons(4, 2 for each password field), then assigned unique ids to the icons, which we will use to determine with part of the function to process by checking the event.target.id.

Current look of the form

Don't worry, I have not forgotten the main reason for all this, i.e changing the input type of the password field from password to text and vice versa. For now our vanilla JavaScript code is doing just fine and it is changing our state, so we need to add ternary if-else to change the input type depending on what our showPassword and showConfirmPassword is, i.e either true or false.

All done and my code is working perfect and as expected, but after the excitement of achieving this fit, I thought to myself and said, This code is too lengthy and full of vanilla **ice cream**, is there a way I could take out the logic from the main class component to a functional stateful component and not make use of vanilla JS, hmm...

A co-worker suggested react HOOK useState, then I read up some document on useState and watch a little video tutorial talking about when to use useState and useReducer, this gave me a better understanding of what useState and useReducer is. So how do I apply it to my previous logic?

What I want to achieve now, is to reduce the size of my code and be able to reuse them independently(password or confirmPassword). So I set out to use useReducer hook, I have to create a higher order component of a password input field to achieve what I want.
useReducer uses the actions and reducers approach of redux.

initalState just like in redux;

Reducers;

Current Form code and look

The code still works great and perfect, reducing the amount of repeating of logic, but I still feel unease with having to clear the initalState and reducer funtion, let me see how useState could solve this.

My code still works and I do not have to repeat most of the code logic I did with the Vanilla JS and using redux like functionality(useReducer).

Full code can be found: https://codepen.io/mrceo63/pen/agovYN

React Hooks is cool

ps: This is my first ever article in my life, please be kind and thank you for reading

Forem: AllStackDev 👨‍💻