FullStack Web Developer @Ikeja

As I jumped in, the company was using flask and vanilla javascript. They had a lot of projects built in this tech stack however they were struggling to implement new ideas as these technologies came with a lot of limitations, as a result, they ended up writing a lot of vanilla js/html/css code to make up for libraries that are easily accessible on javascript frameworks like react.

My task in this ongoing project was to research and develop a tech stack that would be easier for everyone to grasp and easier to implement new ideas, faster, and reusable.

After a week or two of research, I suggested to my manager that we go with NextJS, a react framework that is easier and faster to kickstart a project, and since the company process a lot of data in a day and the team was already using flask, I suggested a move to FASTAPI, which is faster, secure and handle data validation in a more intuitive manner, in this way we would have a more microservice approach to building our apps. Instead of the whole infrastructure sitting in one codebase, each project gets to have its own API, and with the advancement of NextJS each project get's to be a component, this allows easier integration and sharing of components or API functions between apps, the new framework uses SQL and all projects have their own git repo, no more fear of losing or messing up work between unrelated projects

Another Project I worked on here, amongst others was developing a map that will show all company cars and their movement, the status of the car that has moved or been stationary, or if the car is within the operational area(Geolocation). The map also shows all customer networks connected to the company's sectors/nodes.

I used the new framework to develop this map, using NextJS/React I created a view that uses the Mapbox react library react-mapbox-gl, I coupled this with a FASTAPI API which constantly checks for any updated nodes or car data, this API is called by the NextJS front end and displays the information