Full-Stack Developer

Welcome to my portfolio website

View Projects

About Me

Hello, I'm Tabitha, a passionate full-stack developer who excels at creating innovative and dynamic web experiences. With expertise in frontend, backend, and cloud computing, I am well-equipped to bring captivating digital solutions to life. With meticulous attention to detail and a strong eye for design, I strive to deliver intuitive user experiences and engaging interfaces.

I am constantly up-to-date with the latest web technologies and best practices, consistently expanding my skillset to deliver innovative solutions. My goal is to harmoniously blend aesthetics with functionality, crafting user-friendly websites that leave a lasting impression.

Feel free to explore my portfolio to see some of my remarkable projects. If you have any questions or would like to discuss a potential collaboration, please don't hesitate to get in touch with me. I am thrilled at the opportunity to bring your web ideas to life!

Nice to meet you!
Profile Picture

My Projects

Weather App

This weather app webpage displays current weather information and a 3-day forecast. It features a visually appealing design, location change option, and light/dark mode toggle. It shows temperature, weather description, precipitation, humidity, and wind speed. The forecast includes weather icons for each day.

View Project

Weather App

This weather app webpage displays current weather information and a 3-day forecast. It features a visually appealing design, location change option, and light/dark mode toggle. It shows temperature, weather description, precipitation, humidity, and wind speed. The forecast includes weather icons for each day.

View Project ×

Schedule a Meeting

This code integrates the EmailJS service to handle form submissions and send email notifications when a meeting is scheduled. It combines HTML, CSS, and JavaScript to create a functional web page for scheduling meetings.

View Project

Schedule a Meeting

This code integrates the EmailJS service to handle form submissions and send email notifications when a meeting is scheduled. It combines HTML, CSS, and JavaScript to create a functional web page for scheduling meetings.

View Project ×

Chat bot

This is a basic chatbot interface that engages users in a conversational manner. The chatbot leverages the OpenAI API to generate responses based on user input and displays them in the chat log.

View Project

Chat bot

This is a basic chatbot interface that engages users in a conversational manner. The chatbot leverages the OpenAI API to generate responses based on user input and displays them in the chat log.

View Project ×

Tip calculator

This project is a web-based tip calculator. It allows users to calculate the tip amount, total amount, and amount per person based on the bill amount, tip percentage, discount percentage, and number of people. Users can input the necessary values and click on the "Calculate Tip" button to see the results. The calculator also includes a "Reset" button to clear the inputs and results. The web page has a responsive design and a visually appealing layout.

View Project

Tip calculator

This project is a web-based tip calculator. It allows users to calculate the tip amount, total amount, and amount per person based on the bill amount, tip percentage, discount percentage, and number of people. Users can input the necessary values and click on the "Calculate Tip" button to see the results. The calculator also includes a "Reset" button to clear the inputs and results. The web page has a responsive design and a visually appealing layout.

View Project ×

House Price Predictor App

The House Price Predictor app combines machine learning and data mining techniques to estimate house prices. It utilizes a simple linear regression model for prediction and applies data preprocessing through feature scaling. Additionally, the app integrates with an API to fetch supplementary data, such as finance rates, enhancing the prediction process.

View Project

House Price Predictor App

The House Price Predictor app combines machine learning and data mining techniques to estimate house prices. It utilizes a simple linear regression model for prediction and applies data preprocessing through feature scaling. Additionally, the app integrates with an API to fetch supplementary data, such as finance rates, enhancing the prediction process.

View Project ×

Trivia App

The Trivia App is an interactive, web-based quiz platform that offers a diverse range of trivia questions sourced from the Open Trivia Database API. This app presents users with a vibrant and engaging interface where they can challenge their knowledge in various categories. It features a sleek, modern design with gradient themes, animations for an immersive experience, and a responsive layout for all devices. Users can enjoy a dynamic quiz experience with real-time feedback, timed questions, and a scoring system that enhances the competitive aspect of learning.

View Project

Trivia App

The Trivia App is an interactive, web-based quiz platform that offers a diverse range of trivia questions sourced from the Open Trivia Database API. This app presents users with a vibrant and engaging interface where they can challenge their knowledge in various categories. It features a sleek, modern design with gradient themes, animations for an immersive experience, and a responsive layout for all devices. Users can enjoy a dynamic quiz experience with real-time feedback, timed questions, and a scoring system that enhances the competitive aspect of learning.

View Project ×

Rock-Paper-Scissors Game

It's an interactive Rock-Paper-Scissors game with score tracking, sound effects, responsive design, high-score competition, and user-friendly controls.

Play the Game

Rock-Paper-Scissors Game

It's an interactive Rock-Paper-Scissors game with score tracking, sound effects, responsive design, high-score competition, and user-friendly controls.

Play the Game ×

Interactive 3D Cube

This project showcases a 3D cube rendered using Three.js library. The cube rotates clockwise and is textured with various images that can be changed by clicking the "Change Texture" button. The cube is illuminated by ambient and directional lights, creating shadows.

View Project

Interactive 3D Cube

This project showcases a 3D cube rendered using Three.js library. The cube rotates clockwise and is textured with various images that can be changed by clicking the "Change Texture" button. The cube is illuminated by ambient and directional lights, creating shadows.

View Project ×

3D Ball

This features a 3D ball bouncing on the wall. As the ball bounces, it changes colors, and a natural light from the upper left is reflecting on the ball.

View Project

3D Ball

This features a 3D ball bouncing on the wall. As the ball bounces, it changes colors, and a natural light from the upper left is reflecting on the ball.

View Project ×

Calculator

This is a simple HTML calculator with basic arithmetic operations. Users can input numbers, add decimals, perform calculations, and clear the output. It provides a convenient tool for basic arithmetic in a web browser.

View Project

Calculator

This is a simple HTML calculator with basic arithmetic operations. Users can input numbers, add decimals, perform calculations, and clear the output. It provides a convenient tool for basic arithmetic in a web browser.

View Project ×

Facial Analysis Web App

Face Detection Web App: This web application allows users to easily detect faces in images by either uploading an image file or providing an image URL. The app processes the image and draws bounding boxes around each detected face, providing a visual representation of the face detection. Users can interact with the app by submitting images directly from their device or by pasting a link to an image, making it flexible and easy to use.

View Project

Facial Analysis Web App

Face Detection Web App: This web application allows users to easily detect faces in images by either uploading an image file or providing an image URL. The app processes the image and draws bounding boxes around each detected face, providing a visual representation of the face detection. Users can interact with the app by submitting images directly from their device or by pasting a link to an image, making it flexible and easy to use.

View Project ×

To-do list

This is a Todo App implemented using Vue.js. It allows users to create a list of tasks they want to complete. The app provides features such as adding new tasks, marking tasks as completed, deleting tasks, and clearing the entire list. The tasks are stored in the browser's local storage, allowing them to persist across sessions. The app also displays the current date and day of the week. Users can customize the background image of the app by selecting from a set of predefined options. The app is designed with a clean and intuitive user interface and utilizes responsive design principles for mobile and desktop devices .

View Project

To-do list

This is a Todo App implemented using Vue.js. It allows users to create a list of tasks they want to complete. The app provides features such as adding new tasks, marking tasks as completed, deleting tasks, and clearing the entire list. The tasks are stored in the browser's local storage, allowing them to persist across sessions. The app also displays the current date and day of the week. Users can customize the background image of the app by selecting from a set of predefined options. The app is designed with a clean and intuitive user interface and utilizes responsive design principles for mobile and desktop devices.

View Project ×

API Recipe Finder

This is a Recipe Finder web application. Users can search for recipes by entering an ingredient in the input field. The app fetches recipe data from the Tasty API and displays the results in a grid layout. Each recipe card includes the recipe's name and an image. Users can click on a recipe card to view additional information about the recipe in a modal overlay. The modal displays the recipe's title and provides detailed instructions and components for the recipe if available. The app also handles error cases and displays appropriate messages. The user interface is designed with a clean and responsive layout.

View Project

API Recipe Finder

This is a Recipe Finder web application. Users can search for recipes by entering an ingredient in the input field. The app fetches recipe data from the Tasty API and displays the results in a grid layout. Each recipe card includes the recipe's name and an image. Users can click on a recipe card to view additional information about the recipe in a modal overlay. The modal displays the recipe's title and provides detailed instructions and components for the recipe if available. The app also handles error cases and displays appropriate messages. The user interface is designed with a clean and responsive layout.

View Project ×

API Text to Speech

This is a text-to-speech web application that converts user-entered text into spoken words using the Speech Synthesis API. Users can select a voice and adjust the rate and pitch of the synthesized speech. The application includes event listeners for user interactions and demonstrates fetching data from an API for speech synthesis.

View Project

API Text to Speech

This is a text-to-speech web application that converts user-entered text into spoken words using the Speech Synthesis API. Users can select a voice and adjust the rate and pitch of the synthesized speech. The application includes event listeners for user interactions and demonstrates fetching data from an API for speech synthesis.

View Project ×

3D simulation of the solar system.

This is a web-based 3D simulation of the solar system. It utilizes the Three.js library to render the planets, sun, and a starry background. The simulation includes the Sun, Mercury, Venus, Earth, Mars, Jupiter, Saturn (with its rings), Uranus (with its rings), and Neptune. Each planet is represented by a textured sphere and moves in a circular orbit around the Sun. The camera perspective can be adjusted using pinch-to-zoom gestures. The simulation creates a visually immersive experience of our solar system in a web browser.

View Project

3D simulation of the solar system.

This is a web-based 3D simulation of the solar system. It utilizes the Three.js library to render the planets, sun, and a starry background. The simulation includes the Sun, Mercury, Venus, Earth, Mars, Jupiter, Saturn (with its rings), Uranus (with its rings), and Neptune. Each planet is represented by a textured sphere and moves in a circular orbit around the Sun. The camera perspective can be adjusted using pinch-to-zoom gestures. The simulation creates a visually immersive experience of our solar system in a web browser.

View Project ×

Translator

This script is a Translator App web page that allows users to enter text in a source language and select a target language for translation. It utilizes the MyMemory Translation Memory API to perform the translation. The entered text and selected target language are sent as parameters in an API request, and the translated result is displayed on the page.

View Project

Translator

This script is a Translator App web page that allows users to enter text in a source language and select a target language for translation. It utilizes the MyMemory Translation Memory API to perform the translation. The entered text and selected target language are sent as parameters in an API request, and the translated result is displayed on the page.

View Project ×

Lyric Search

This project is a web page that allows users to search for song lyrics. Users can enter the name of the song or the artist in the search bar, and the application retrieves the corresponding lyrics using the Lyric Search API. The retrieved lyrics are displayed on the page, providing users with an easy way to find the lyrics to their favorite songs.

This project utilizes the Lyric Search API to fetch the song lyrics.

View Project

Lyric Search

This project is a web page that allows users to search for song lyrics. Users can enter the name of the song or the artist in the search bar, and the application retrieves the corresponding lyrics using the Lyric Search API. The retrieved lyrics are displayed on the page, providing users with an easy way to find the lyrics to their favorite songs.

This project utilizes the Lyric Search API to fetch the song lyrics.

View Project ×

NASA Media

This project is a web page that utilizes the NASA Open API to provide users with a media gallery. Users can search for various media content such as images, videos, and more related to space, astronomy, and NASA's missions. The application retrieves the requested media based on the user's search query and displays them in an organized and visually appealing manner. Explore the wonders of the universe through the NASA Media project!

This project utilizes the NASA Open API to pull photos and media content based on user search queries.

View Project

NASA Media

This project is a web page that utilizes the NASA Open API to provide users with a media gallery. Users can search for various media content such as images, videos, and more related to space, astronomy, and NASA's missions. The application retrieves the requested media based on the user's search query and displays them in an organized and visually appealing manner. Explore the wonders of the universe through the NASA Media project!

This project utilizes the NASA Open API to pull photos and media content based on user search queries.

View Project ×

CAD - Asteroid and Comet Close Approaches

This project is a web application that utilizes NASA's API to fetch data on close-approaches of asteroids and comets. It provides users with information about asteroids and comets that have come close to Earth in the past or will approach in the future.

View Project

CAD - Asteroid and Comet Close Approaches

This project is a web application that utilizes NASA's API to fetch data on close-approaches of asteroids and comets. It provides users with information about asteroids and comets that have come close to Earth in the past or will approach in the future.

View Project ×

Fireball Atmospheric Impact Data

This project provides access to fireball atmospheric impact data. It allows users to explore information about fireball events, such as their date, time, location, energy, and other relevant details. The data is presented in a user-friendly and interactive manner, enabling users to gain insights into these fascinating celestial events.

View Project

Fireball Atmospheric Impact Data

This project provides access to fireball atmospheric impact data. It allows users to explore information about fireball events, such as their date, time, location, energy, and other relevant details. The data is presented in a user-friendly and interactive manner, enabling users to gain insights into these fascinating celestial events.

View Project ×

Mars Photo Gallery

This project is a web application that provides a visually captivating gallery of photos captured by NASA's Mars rovers. It leverages NASA's Open API to fetch and display the latest images taken by the rovers exploring the surface of Mars.

View Project

Mars Photo Gallery

This project is a web application that provides a visually captivating gallery of photos captured by NASA's Mars rovers. It leverages NASA's Open API to fetch and display the latest images taken by the rovers exploring the surface of Mars.

View Project ×

NASA Daily Photos of the Day

This project showcases NASA's daily photos of the day. Each day, a new captivating image related to space, astronomy, or NASA's missions is featured. Users can explore a collection of stunning visuals and delve into the mysteries of the universe through these remarkable photographs.

This project utilizes NASA's API to fetch and display the daily photos of the day.

View Project

NASA Daily Photos of the Day

This project showcases NASA's daily photos of the day. Each day, a new captivating image related to space, astronomy, or NASA's missions is featured. Users can explore a collection of stunning visuals and delve into the mysteries of the universe through these remarkable photographs.

This project utilizes NASA's API to fetch and display the daily photos of the day.

View Project ×

Satellites Orbiting Earth

This project utilizes NASA's Open API to fetch and display information about satellites orbiting Earth. You can explore data such as the satellite's name, ID, and other relevant details. Additionally, the project incorporates Three.js to provide a 3D visualization of the Earth and Moon, with the satellites positioned according to their orbital data. Immerse yourself in the wonders of space with this interactive satellite project.

View Project

Satellites Orbiting Earth

This project utilizes NASA's Open API to fetch and display information about satellites orbiting Earth. You can explore data such as the satellite's name, ID, and other relevant details. Additionally, the project incorporates Three.js to provide a 3D visualization of the Earth and Moon, with the satellites positioned according to their orbital data. Immerse yourself in the wonders of space with this interactive satellite project.

View Project ×

Virtual Assistant

This project showcases a virtual assistant powered by an AI chatbot. The virtual assistant allows users to have interactive conversations by typing messages. It utilizes the AI Chatbot API from RapidAPI to provide intelligent responses. The chat interface displays the user's messages on one side and the assistant's responses on the other side. Users can also add tasks, reminders, and events by following the provided commands.

View Project

Virtual Assistant

This project showcases a virtual assistant powered by an AI chatbot. The virtual assistant allows users to have interactive conversations by typing messages. It utilizes the AI Chatbot API from RapidAPI to provide intelligent responses. The chat interface displays the user's messages on one side and the assistant's responses on the other side. Users can also add tasks, reminders, and events by following the provided commands.

View Project ×

API Random Quote Generator

This project features an API-powered random quote generator, delivering a unique and inspirational quote each time. It's built using a simple yet elegant interface that fetches quotes from a custom API. The generator offers a wide range of quotes, from historical figures to contemporary thinkers. The user interface is clean and user-friendly, allowing visitors to easily get a new quote with the click of a button. This project is perfect for those seeking daily motivation or a quick dose of wisdom.

View Project

API Random Quote Generator

This project features an API-powered random quote generator, delivering a unique and inspirational quote each time. It's built using a simple yet elegant interface that fetches quotes from a custom API. The generator offers a wide range of quotes, from historical figures to contemporary thinkers. The user interface is clean and user-friendly, allowing visitors to easily get a new quote with the click of a button. This project is perfect for those seeking daily motivation or a quick dose of wisdom.

View Project ×

3D Resume Cube

An interactive 3D resume cube showcasing my profile with links to my portfolio, LinkedIn, and GitHub. Click on any side of the cube to explore more.

View 3D Cube

3D Resume Cube

An interactive 3D resume cube showcasing my profile with links to my portfolio, LinkedIn, and GitHub. Click on any side of the cube to explore more.

View 3D Cube ×

Space Invaders Game

A classic arcade Space Invaders game where you can shoot down alien invaders. This project demonstrates my skills in game development using HTML, CSS, and JavaScript.

Play Space Invaders

Space Invaders Game

A classic arcade Space Invaders game where you can shoot down alien invaders. This project demonstrates my skills in game development using HTML, CSS, and JavaScript.

Play Space Invaders ×

User Authentication System

A secure and robust user authentication system. This project showcases my skills in building secure login, registration, and password reset functionalities using Flask, HTML, and CSS.

View Authentication System

User Authentication System

A secure and robust user authentication system. This project showcases my skills in building secure login, registration, and password reset functionalities using Flask, HTML, and CSS.

View Authentication System ×

Space Weather Dashboard

An interactive space weather dashboard powered by NASA's free API. This project provides real-time and historical data on various space weather phenomena, including Coronal Mass Ejections (CME), Geomagnetic Storms (GST), Solar Flares (FLR), and more. It offers valuable insights into space weather conditions for scientists, forecasters, and the space science community.

View Space Weather Dashboard

Space Weather Dashboard

An interactive space weather dashboard powered by NASA's free API. This project provides real-time and historical data on various space weather phenomena, including Coronal Mass Ejections (CME), Geomagnetic Storms (GST), Solar Flares (FLR), and more. It offers valuable insights into space weather conditions for scientists, forecasters, and the space science community.

View Space Weather Dashboard ×

Skills & Expertise

As a passionate learner, I am continuously honing my skills in web development, mobile app development, and data analysis. I have a solid foundation in:
  • 85%

    HTML

  • 91%

    CSS

  • 68%

    JavaScript

  • 60%

    Python

I'm excited to explore web development using frameworks like React and React Native to create user-friendly applications. I'm also eager to expand my skills in data analysis, database development, artificial intelligence (AI), API development, and machine learning. I recognize the importance of data management for making informed decisions and look forward to learning how to extract insights from large datasets. Additionally, I'm fascinated by AI's potential to revolutionize industries. I'm interested in the integration of application programming interfaces (APIs) and keen on exploring machine learning techniques. By gaining expertise in these areas, I hope to drive impactful solutions and contribute to meaningful change.

Skills & Expertise

HTML5

Proficient in building responsive and accessible websites using modern HTML5 standards. Have experience in semantic markup, form validation, and integrating multimedia elements.

CSS3

Skilled in creating visually appealing designs and layouts with CSS3. Proficient in using CSS preprocessors like Sass and frameworks like Bootstrap.

JavaScript

Experienced in developing interactive and dynamic web applications using JavaScript. Proficient in modern frameworks like React and libraries like jQuery.

React

Skilled in building single-page applications with React and Redux. Proficient in component-based architecture and state management.

Node.js

Experienced in developing server-side applications using Node.js and Express. Proficient in building RESTful APIs and working with databases like MongoDB.

Python

Skilled in Python programming and scripting. Have experience in building web applications, data analysis, and automation tasks using libraries like Django and Pandas.

PHP

Experienced in server-side web development using PHP and frameworks like Laravel. Skilled in building dynamic and database-driven web applications.

C#

Proficient in C# programming for building web applications and desktop software. Skilled in using .NET framework and technologies like ASP.NET and Windows Forms.

Certifications

Build & Deploy AI Messenger Chatbot using IBM Watson
Issued by Coursera
January 2023
Android App Development: Data Persistence Libraries
Issued by LinkedIn
December 2022
Creating Your First Android App with Kotlin
Issued by LinkedIn
December 2022
Become a Full-Stack Web Developer
Issued by LinkedIn
August 2022
DevOps Foundations
Issued by LinkedIn
August 2022
Git Essential Training: The Basics
Issued by LinkedIn
August 2022
JavaScript Essential Training
Issued by LinkedIn
August 2022
Learning ECMAScript 6+ (ES6+)
Issued by LinkedIn
August 2022
NoSQL Essential Training
Issued by LinkedIn
August 2022
Node.js Essential Training (2019)
Issued by LinkedIn
August 2022
React.js Essential Training
Issued by LinkedIn
August 2022
SQL Essential Training
Issued by LinkedIn
August 2022
Search Techniques for Web Developers
Issued by LinkedIn
August 2022
Automize Monthly Report Creation with Power Automate
Issued by LinkedIn
July 2022
CSS Essential Training
Issued by LinkedIn
June 2022
HTML Essential Training
Issued by LinkedIn
June 2022
The Web Developer Bootcamp 2022
Issued by Udemy
May 2022
Become a Front-End Developer
Issued by Educative, Inc.
May 2022
Command Line in Linux
Issued by Coursera
May 2022
Getting Started with Data Analytics on AWS
Issued by Coursera
May 2022
A Guide to Git & Version Control
Issued by Educative, Inc.
January 2022
C++ Fundamentals for Professionals
Issued by Educative, Inc.
January 2022
Full Speed Python
Issued by Educative, Inc.
September 2021
Introduction to JavaScript: First Steps
Issued by Educative, Inc.
September 2021
HTML, CSS, and JavaScript
Issued by Educative, Inc.
July 2021
Foundational C# with Microsoft
Issued September 2021
AI Show: Being Responsible with Generative AI
Issued August 2, 2023
Ethics in the Age of Generative AI
Issued May 2023
Introduction to Artificial Intelligence
Issued March 2023
R for Data Science: Analysis and Visualization
Issued January 2023
Azure OpenAI: Generative AI Models and How to Use Them
Issued July 26, 2023

Blog

HTML Guide

Explore the essentials of HTML and master the art of creating web pages using this powerful markup language. This comprehensive guide covers everything from fundamental HTML tags and structure to best practices for building modern and responsive websites. Additionally, it includes an interactive code editor that allows you to practice your HTML skills in real-time.

Read More

Blog

Basics of JavaScript

The "Basics of JavaScript" blog introduces JavaScript and covers its essential concepts and syntax. It explains variables, data types, operators, functions, control structures, objects, arrays, and events .

Read More

Blog

Basics of C#

Learn the basics of C# programming language with this comprehensive guide. Discover the fundamentals of C#, including syntax, object-oriented programming, control statements, and more. Dive into code examples and gain hands-on experience in writing C# code. Whether you are a beginner or have some programming experience, this guide will help you build a solid foundation in C# development.

Read More

Real-Time Analytics Dashboard

Visitors Count: Loading...
Time Spent on Site: Loading...

Personal Development

Skills Enhancement

I consistently enhance my technical skills through online courses and practical projects. Proficient in HTML, CSS, JavaScript, and Python.

Certifications

Recognized for completing certifications in web development, project management, and data analysis. Demonstrating a commitment to expanding knowledge and expertise.

Learning Experiences

I am dedicated to continual learning and staying ahead of the curve in the field of computer science. I am currently planning to pursue a Masters degree in Computer Science, with a particular focus on AI, APIs, and Machine Learning. My aim is to deepen my knowledge and skills in these areas to contribute to cutting-edge advancements in the industry. I am enthusiastic about exploring the latest developments in AI and leveraging APIs and machine learning techniques to build innovative solutions that drive business growth and enhance user experiences..

Adaptability

Thrived in dynamic work environments by successfully adapting to new technologies and methodologies. Embracing challenges and actively seeking growth opportunities.

Continuous Improvement

Committed to lifelong learning, continuously seeking new opportunities to expand knowledge and staying up-to-date with the latest industry trends.

Contact Me

Feel free to reach out to me for any inquiries or collaborations.

Email

Chatbot