2 years after deploying my first portfolio website to the world, I decided it was time to upgrade my personal site to a tech stack that matches my current skills as well as industry best practices. I have chosen Next.JS as it is now the best way to use React.JS. I have chosen the GraphCMS platform as it greatly simplifies using GraphQL to fetch data between my frontend and their platform. I have chosen to integrate SendGrid email and Calendly to my Contact page. This was a big learning experience for me. The website is currently a work in progress and I am able to make a few changes a week as I create new blog posts and publish new portfolio projects as part of my personal or internship work

javascript

react

graphql

CSS3

HTML5

tioyedev

A simple GraphiQL endpoint with a complete schema for handling onsite operations for a  Solar energy startup. Backend is currently deployed on Vercel and the MongoDB database currently has over 1000 sample documents for all the major collections, namely, users, projects, investors. There are nearly 400 villages from Burkina Faso in the database from all 45 provinces as well as 10 thousand sample panels. This backend is already connected to the sample frontend website deployed separately on Vercel

node

mongodb

express

Express GraphQL Server

A simple GraphiQL endpoint with a complete schema for handling onsite operations for a  Solar energy startup. The original backend server based on Express is also deployed successful, and both offer publically available endpoints with interactice queries. When most mutations are fully functional, I will require authentication to create and modify data. For now, only createAccount, createAddress and createUser are fully funcitonal. New resolvers are being added regularly

typescript

Apollo GraphQL Server

A frontend Admin dashboard currently under construction for a Solar energy startup. I am displaying generic data and focused on making sure the styling works properly. Will eventually integrate with a GraphQL backend that supports authentication, queries and mutations for data fetching from a remote database. Development on the Admin page has been paused to give way to a new Apollo GraphQL server. This new backend will support GraphQL subscriptions which will enable powerful functionalities in the frontend such as notifications, messaging, event scheduling, project management and tracking, etc.

NextJS Admin Dashboard

I created a dummy timeline to showcase my learning journey which I will turn into a React component for my new portfolio project

Timeline of Learning

Created a simple HTML5 and CSS3 application to display contact cards for organization. I plan to convert this to a React Component before adding to a bigger project

HTML+CSS Cards

Group project completed for my Software Engineering class where I was tasked with engineering a complete Spring Boot and MongoDB backend for a video sharing social application. The frontend is made in Angular by my other teammates and I helped my team deploy the frontend to Heroku after I completed the backend and it was ready for integration with frontend. We needed more time to complete the integration testing, but we published what we had by the end of semester

spring boot

Spring Boot App

Designed and started building a fullstack website for a new community organization, hosted on Heroku

Portfolio

Published 06 Oct 2022Updated 05 Jan 2025

tioyedev

Updated Portfolio Website

react

JavaScript

Published 06 May 2022Updated 05 Jan 2025

Express GraphQL Server

FasoLara Server Express

backend

JavaScript

Published 06 May 2022Updated 05 Jan 2025

Apollo GraphQL Server

FasoLara Server Apollo

backend

JavaScript

Published 06 May 2022Updated 05 Jan 2025

NextJS Admin Dashboard

FasoLara Admin

JavaScript

typescript

Published 26 Jan 2022Updated 05 Jan 2025

Timeline of Learning

Codeniline

JavaScript

HTML/CSS

Published 25 Oct 2021Updated 05 Jan 2025

HTML+CSS Cards

CodenificienT Contacts

JavaScript

HTML/CSS

Published 30 Sep 2021Updated 05 Jan 2025

Spring Boot App

Doubleshiitake UI

JavaScript

Published 19 Jul 2021Updated 05 Jan 2025

React App

uacla

JavaScript

react