Omotola Ogunsola's repositories
e-commerce_app-combined
The Nike e-commerce web Application is a full stack web Application i built on the MERN Stack,secured with JWT on the endpoints and integrated with Stripe payment checkout and an admin dashboard for analytics, user and product control and overview. The payment API, while in test mode handles 25 read operations and 25 write operations, similarly. While in live mode, it handles gracefully to a limit of 100 read operations per second, and 100 write operations per second. Overall on the project, i learned responsive design further, wrting clean and reusable codes, securing endpoints with JWT, making API test calls with Postman, handling complex routing, building an API, Redux persistence, integrating stripe, and many more.
netflix-clone
The NETFLIX clone project is a quasi NETFLIX-type web Application I built with React, pure CSS, React Youtube, movie-trailer package, Redux, Stripe for subscription handling and firebase to store subscription status. The movie displayed data are fetched from the TMBD API, while the matching trailer video is fetched by the Movie-Trailer package and played on the frontEnd by React Youtube, but only after a subscription has been made by a user with stripe. On the project, i learned how to fetch from APIs gracefully, appreciate the importance of Redux and avoid props drilling, especially when accessing User state (initialised or null) before conditionally rendering Home page or register/Login page, integrating stripe subscription, modern UI layout
crypto-tracker-app
Cryptoverse is a Crypto-Tracker web Application I built with React, Redux Toolkit Query , Ant Design, chart JS, axios and RapidAPI to dynamically fetch various information on up to 100 cryptoCurrencies, as well as their value metrics and price history, and also recent news about each of them. I learned on the project, React best practices for handling requests, by separating requests in a services module or folder rather than fetching locally in same module as component, best practices for importing components, by mounting to a common Index.js file and exporting as a module. It was my first attempt at using Ant design.
covid-19_tracker
The COVID-19 Tracker web Application is a web Application I built with React, Chart js, react-leaflet and other supporting libraries and dependecies, fetching data from the Disease.sh API. The application typically takes the basic architecture of defaulting to a worldwide state which shows total covid statistics. On change from the dropdown, the state changes and fetches data for that country from the API and displays on the line graph and bubble chart, thereafter it zooms to that country on the map because the coordinates are fetched too. This was the project where I eventually solidified my understanding of states in react, and how events can be triggered upon a state change. I also developed the practice of using console.table rather than console.log for advanced debugging and for clarity purpose.
image_gallery_app
A tailwind practice project
super-mario-game-clone
The Super Mario game application was my introduction to the Kaboom js library and my first game application. The game features some basic two levels of the popular Super Mario Game application, with the motion events, increase sprite or character in size on collision with object for a given time, add to score on certainn events, end game on chosen events and many more. The game might pass for a preloader on a kid’s application. Working on this project made me really appreciate the works libraries do and how they help speed up development rather than having everyone reinvent the wheel. I learned about the Kaboom Js library tools and several functions I would be exploring much later in future projects.
travel_company_landing
A tailwind practice project
zoom-clone
The ZOOM clone application is a quasi Zoom web Application I built on WebRTC, Express.js, PeerJS. Although not very elaborate, with a login/login experience or personalised space, users join when a room has been created and ask for permission to use audio and video peripherals or ones integrated. Like the regular Zoom application, there’s a chat and reaction section, mute and unmute feature, as well as options to stop recording. This project, in conjuction with the earlier Chat Application I built exposed me better to learning Socket.io technology, which uses a bi-directional communication between web clients and servers.