Hello, I'm

Perry

I am a web developer from Markham, ON, Canada

Let me introduce myself

portrait
I am a proactive podcaster, a blogger, and a curious web developer with a background in customer service and eye-health. I enjoy building with MERN; especially React due to its wide variety of component libraries and its similarity to React Native.

I've always had a passion for technology and creativity. My motivation for a career change is to participate in exciting changes to evolving technology and contribute to fun and interactive user experiences. I am currently looking for full-time opportunities in the Toronto area or remote work. I am open to collaboration and networking.

Oh, if the screen is a bit bright click on the bright moon on the navigation bar!

Tools and Technology I Use

html5 logo css logo javascript logo node logo react logo mongo logo postman logo aws logo bootstrap logo redux logo postgresql logo angular logo typescript logo firebase logo butter logo

My Portfolio

Card image

Ascend: Tennis & Coffee (2023)

A client's website offering racket re-stringing services and coffee/latte

HTML CSS JavaScript Bootstrap

See it live See the code

AI Image Generator (2023)

Using the power of Dall-e's API by OpenAI, this runs from the server to the client side that allows users to randomnly generate photos depending on their input. There's a 'surprise me' button that generates random ideas if users don't know what to input. Users can also upload an image from their local computer and generate different variations of the original photo and can be dowloaded.

HTML CSS JavaScript React Node Express Multer

See the code

PerryGPT (2023)

Using OpenAI's API, this is a ChatGPT clone runs from the localhost to the client side that allows users to ask the AI a question and receive a prompt reply. Users can also add a new chat to start a new topic as feature like the original ChatGPT.

HTML CSS JavaScript React Node Express

See the code
Card image

TKO RAJIO BLOG (2023)

Using primarily React, CSS, and ButterCMS's blog engine with built in SEO allows users to view blogs from their favorite podcasters by simply clicking on the blog card and taking them to the full article. Users can toggle to dark mode if it's too bright to read at night. They can share the blog posts with the social media links provided. Using ButterCMS is more time effective in creating blog items and cards without having to create a backend. The built-in SEO feature can help generate more website traffic as well.

HTML CSS JavaScript React Node CMS SEO

See it live See the code
Card image

TKO RAJIO HOMEPAGE (2023)

The landing page of my podcast. Fans and users can find out who we are about, access to our latest episodes, a slide of photos taken from Japan, link to our blog,and a contact form if our listeners want to reach out to us. Google analytics is also embedded to keep track of site traffic and number of clicks

HTML CSS JavaScript Bootstrap Google Analytics

See it live See the code

My Flix Movie - Client side (2022)

MyFlix is a fullstack project that allows users to create their own profile, login, view the top 10 movies from the API, view movie genre and directors, and add/remove movies to their favorites.

JavaScript CSS NodeJS Express MongoDB Postman Heroku React React-Bootstrap React-Redux REST API PostGreSQL

See it live See the code The backend-side

Meet App (2022)

This is a Serverless Progressive Web App built in React. By users logging into their Google accounts, they are able to see coding events from a public Google Calendar all over the world. Users to filter for specific cities. TTD such as Puppeteer and Jest was used to inspect and minimize errors

JavaScript React CSS AWS Lambda OAuth Recharts Jest Puppeteer REST API Cucumber

See it live See the code

The Pokedex (2022)

Here you can search through the original 150 pokemon from their Pokemon API! This includes pokemon name, height, and type. Simply scroll or enter pokemon name

HTML CSS JavaScript Bootstrap jQuery

See it live See the code

Mobile Chat App

This chat app simulator is built with React Native. Users can choose background colors, send messages, their location, and photos.

JavaScript React Native Google Firebase Expo

See the code

Stay tuned for the next upcoming project!

Contact Me

Internet Provider





scroll-up