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 data-rich admin dashboard built with React as part of a YouTube tutorial. Employs charts library based on React Charts and data table from Material UI

node

React Admin Dashboard

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

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 built and deployed a Solidity based decentralized web 3 app following a tutorial online. The final build was deployed on Netlify

Web 3 Dapp

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

Simple booklist application created while learning GraphQL library. It is supported by a backend GraphQL backend which is released and deployed as a separate application

React+GraphQL app

This is the GraphQL server backend powering my booklist application. It exposes a simple GraphiQL server for user to interact with the book database

GraphQL Server

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

Employee manager app built with Spring boot in backend with a PostgreSQL datastore and Angular on frontend, hosted on Heroku for 2 years. Will be moving to Railway before January 2023

java

Angular Web App

 Storefront for an eCommerce project based in Ouaga. Beta version of the frontend, hosted on Heroku

eCommerce Store

 A simple address encoding application based on GeoJSON. Leverage the address encoding functionalities in MapQuest and displaying locations on a map powered by Mapbox

bootstrap

Mapping app

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

Portfolio

06 October 2022

tioyedev

Updated Portfolio Website

react

JavaScript

21 July 2022

React Admin Dashboard

React Dash

JavaScript

react

06 May 2022

Express GraphQL Server

FasoLara Server Express

backend

JavaScript

06 May 2022

Apollo GraphQL Server

FasoLara Server Apollo

backend

JavaScript

06 May 2022

NextJS Admin Dashboard

FasoLara Admin

JavaScript

typescript

26 February 2022

Web 3 Dapp

Blockchain by CodenificienT

JavaScript

26 January 2022

Timeline of Learning

Codeniline

HTML5

CSS3

31 December 2021

React+GraphQL app

CodenificienT BookList

JavaScript

react

31 December 2021

GraphQL Server

GraphQL BookList Server

backend

JavaScript

25 October 2021

HTML+CSS Cards

CodenificienT Contacts

HTML5

CSS3

30 September 2021

Spring Boot App

Doubleshiitake UI

JavaScript

20 September 2021

Angular Web App

CodenificienT TroopKeeper

JavaScript

13 September 2021

eCommerce Store

MimiShop Ouaga

ecommerce

react

31 August 2021

Mapping app

GeoJSON Address Locator

JavaScript

react

19 July 2021

React App

uacla

JavaScript

react