jeffreyon / ista

Hi I'm Jeffrey, I build stuff for the internet

I am a Software Developer & Product Designer keen on building fast and beautiful websites and applications that drives the needle for Businesses and Entrepreneurs.

My skillset includes:

• Web Design with Webflow and WordPress no-code tools
• Front-end Web Development with NextJS, React and TypeScript.
• Back-end Web Development with JavaScript, ExpressJS and NodeJS.
• UI/UX Design with Figma and Design Thinking
• Graphics Design with CorelDraw, Blender3D, Photoshop, Premier Pro.
• Technical Writing
• AI powered research and content generation

Currently...

I work at Backyard Studios where I design and build digital products for our end clients using the skillsets mentioned above. I am a willing team player and I can act as a glue to align cross-functional teams across design and development since I have and understand both fields extensively.

On the side...

I experiment with cutting-edge technologies like AI generated content and imagery and write about what I learn on different publications

ista's Issues

Fix typos on about page

There are some misspellings on the /about page we merged recently, please go through them and correct any one you see

Create carousel for homepage

We'll need a carousel on the homepage to display testimonials from our users

Create one that is reusable across pages

Convert all <a> tags to Link component in marketing pages

Some CTAs on the homepage uses <a> tags to link pages together, but this causes the website to refresh

Replace those tags with a Link component so that navigation can be instantaneous

Create blog page

Create a page outlining our blog

For now, the blog page component should accept an array of article objects that will be rendered in a list

Build auth pages

• Build layout for auth forms
• Build a input component for easy creation of standard text form elements
• Build individual pages using react-hook-form

Create validation and password reset pages for auth

Create common layout for marketing pages

Our marketing pages (home, about, contact, and blog) share common components being the nav bar and footer

Create a shared layout and move the components there and make sure each page uses the layout

Refactor verification code component

We have this beautiful verification component designed for us to implement

I've spent a bit of time trying to implement this natively in React but I'm facing some bugs relating to useRef. So for now we'll be using a simple input field with a character limit set on

When we are done with core jobs, we can look into implementing it better

Create contact us page

Create a page at /contact with a form

For the form, use react-hook-form (already installed) to enable easy form submit handling

In the future, we will use the form submission to send an email to the support team via the backend

Show user's email in verification page

Once a user has signed up, they are taken to a verification page at /verify, and their email should appear there like in the component image below.

I've looked into handling this currently in NextJS but I've haven't gotten a solid implementation down yet.