Portfolio

This Website

  • I built this portfolio website as a tool to showcase my technical skills and projects, build credibility, facilitate communication and document my ongoing journey in the field of development.
  • Technologies Used:
    • Programming Language: Python
    • Frameworks: Flask, Bootstrap5
    • Frontend: HTML, CSS, JavaScript
    • Packages: FlaskForm, wtforms, twilio
  • GitHub Repository:

Please note that the following are limited instances, if the webapp is down. Kindly, allow between approximately 30 seconds to a minute after you click the link for the service to go back up and the page to load. Once up, the webpage should be responsive.

The Blog

  • I built this blog to share knowledge and expertise and to promote my personal brand. To visit the blog click here.
  • Main Features:
    • Read, rate and comment on published posts.
    • User page to access, edit and delete your ratings/comments.
    • Request admin rights to post and edit your posts.
  • Technologies Used:
    • Programming Language: Python
    • Frameworks: Flask, Bootstrap5
    • Frontend: HTML, CSS, JavaScript
    • Packages: FlaskForm, wtforms, twilio, ckeditor, gravatar, functools, login, werkzeug.security
    • Database: SQLite (local), PostgreSQL (deployed)
  • GitHub Repository:

The Birthday Wisher

  • The wisher sends a simple wish to all your friends on their birthdays. Check it out, here.
  • Main Features:
    • Add your friends' birthdays.
    • User page to access, edit and delete your saved birthdays.
    • Each recipient receives a message on their birthday at 7:30 AM EST.
  • Technologies Used:
    • Programming Language: Python
    • Frameworks: Flask, Bootstrap5
    • Frontend: HTML, CSS, JavaScript
    • Packages: FlaskForm, sqlalchemy, wtforms, twilio, ckeditor, functools, login, werkzeug.security
    • Database: SQLite (local), PostgreSQL (deployed)
  • Challenges:
    • Mastering the integration of Celery and Redis for task scheduling.
    • Deploying a Celery beat schedule on the server, was a challenging yet immensely rewarding experience during production.
    • Establishing a seamless system ensured the daily 7:30 AM check of the database and the automated dispatch of the birthday messages.
  • GitHub Repository:

What is a pixel?

  • What is a pixel, delves into the foundational blocks of our screens and phones, namely, the pixel, offering a unique tool to explore the intricate composition of every pixel in an image. It provides valuable insights into the visual elements that construct our digital images. Try here.
  • Main Features:
    • Visualizing Pixel Components with 3d Bar Segments.
    • Visualizing Pixel Components with 2D Charts.
    • Plot pixel compositions of an image uploaded in real time. For a sampler factor of 10.
  • Technologies Used:
    • Programming Language: Python
    • Frameworks: Flask, Bootstrap5
    • Frontend: HTML, CSS, JavaScript, Chart.js
    • Packages: Pillow, numpy, FlaskForm, wtf.file
  • Challenges:
    • Image file type and file size validation.
    • 3d bar plots with different segments using matplotlib.
    • Plotting in real time using chart.js to avoid storing any image information during processing.
  • GitHub Repository:

Django To Do List

  • To do list web-app using Django framework. App utilizes Django user authentication. Django app hosted on Render and connected to AWS RDS PostgreSQL. Add your tasks.
  • Main Features:
    • Create, read, update and delete your tasks.
    • User authentication.
    • Task sorting. Highlighting complete and uncompleted tasks.
  • Technologies Used:
    • Programming Language: Python
    • Frameworks: Django
    • Frontend: HTML and CSS
  • External Database
    • Django app hosted on Render and connected to an external AWS RDS instant of type PostgreSQL.
    • Configuring inbound rules for the RDS instant to match IP addresses of the network requests from the Render service to the public internet.
  • GitHub Repository:

Python Web Apps

  • The Beam Calculator.
    • Beam caculator for simply supported beams and cantilever beams with different load cases.
    • This app employed Python objects, Error handling, JavaScript, Chart.js
    • GitHub: here.
  • The Pomodoro Timer.
    • A customizable timer that works on a desktop or a mobile browser.
    • All functionality including: the timer, timer updates, display updates, image updates and sound using functions in JavaScript.
    • GitHub: here.
  • Flight Search.
    • Search flights for up to 5 cities with your required dates, nights and stopovers.
    • This app utilized the Tequila API by Kiwi.com
    • GitHub: here.
  • Your Special Day.
    • Get Billboard's top 10 list on your favourite chosen day.
    • Used requests module and BeautifulSoup to scrape the Billboard website.
    • GitHub: here.

JavaScript Web Apps

  • NY Restaurant Reviews.
    • New York City restaurant reviews directory. Search for your restaurant by name or zipcode. Create, read, update and delete your reviews for reference.
    • Web apps developed locally using the MERN stack. MongoDB database, Express.js framework, React.js framework and Node.js runtime environment.
    • Frontend done using the component based structure of React. The backend, powered by Node.js and Express.js, which handles the local server-side logic and API endpoints.
    • Express.js framework handles routing, middleware, and handling HTTP requests and responses.
    • Live React app hosted on Render. RestAPI endpoints in MongoDB Realm are configured as serverless functions that interact with MongoDB database internally on the Realm cloud using JavaScript functions.
    • GitHub: here.
  • The Book Shelf.
    • Showcase your favourite books. Add preview photos, reviews and notes. Create, read, update and delete books, preview photos, reviews and notes.
    • React frontend app hosted on Render. Styling using Tailwind CSS.
    • API endpoints in MongoDB Realm are configured as serverless functions that interact with MongoDB database internally on the Realm cloud using JavaScript functions.
    • GitHub: here.

Python Apps

  • Pixel composition plots. Used in conjunction with, What is a Pixel?
    • 2d plot of RGB composition of each pixel in an image. rgb
    • 2d plot of RGB composition of each pixel in an image, with emphasis on pixels near black. rgb-black
    • 2d plot of RGB values of each pixel in an image. rgb-annotate
  • Webscraping and webpage control
    • BeautifulSoup to scrape fake zillow page. Script.
    • Results saved to a Google form by controlling the webpage using selenium. Save your own form copy here.
  • API RESTful Routing
    • RESTful routing using flask for cafe database. Response in JSON format.
    • GitHub
  • Top 10 Movies
    • Web app looks your top 10 favourite movies from the Movie DB API and ranks them based on your rating.
    • API requests and authorization to the Movie DB API.
    • GitHub
  • Typing Speed Test
    • A typing speed test widget using tkinter.
    • GitHub
  • Morse Coder/Decoder
    • Morse code / decode widget in tkinter.
    • -- --- .-. ... . / -.-. --- -.. . / -..-. / -.. . -.-. --- -.. . / .-- .. -.. --. . - / .. -. / - -.- .. -. - . .-.
    • GitHub
  • Tic Tac Toe
    • Text based. ❌
    • GUI in tkinter. ⭕
  • Snake
    • Python objects and tkinter. Play the classic. 🐍
  • Watermarking widget
    • Watermark .jpegs, .jpgs and .pngs image files. Try.

Data Analysis

  • Programming Languages set
    • Visualization using matplotlib.
    • Notebook and data source file. Here.
    • Drag data file under files on the notebook.
  • LEGO Dataset
    • Visualization using matplotlib.
    • Aggregate and merge data using pandas.
    • Notebook and data source file. Here.
    • Drag all files in the data folder under files on the notebook.
  • Google search trends
    • Visualization using pyplot.
    • Resampling data using pandas.
    • Notebook and data source file. Here.
    • Drag all files in the folder under files on the notebook.
Project Photo