Pinned Repositories
Boxabi
Boxabi is a React App which allows users search for songs from the Spotify Library, add them to a playlist and store in their Spotify library
chat_application
A Chat Application i built with React hooks, hosted on the backend by Chatengine. The chat application features the online status/user availability, read receipts, image support, sound notification and the ability to create multiple chat rooms
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.
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.
excursion
a test HTML & CSS project which advertises a product called “Excursion"
git_practice
Linkedin-clone
LinkedIn clone is a web application I built using React - Redux flux architecture, with authentication and real-time database on the back-end with firebase infrastructure
Random-Message-Generator
a Node.js console app that generates random messages each time a user runs the program
React-Blog-Application
React blog is a full stack blog application I built with mongodb atlas, express, react , context API and node.js. It features a personalised user experience where one could share their thoughts on certain ideas and post to a larger audience on the platform
social-app
Social App is a full stack social media application (a primitive facebook clone) I built with React, Context API (Redux Pattern), Axios, react hooks, Node js and a database infrastructure with MongoDB
ArcOmotola's Repositories
ArcOmotola/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.
ArcOmotola/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
ArcOmotola/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.
ArcOmotola/airbnb_client
ArcOmotola/airbnb_server_sanity
ArcOmotola/algo
ArcOmotola/automated_receipt
ArcOmotola/bitcoin_ticker
ArcOmotola/COVID-19_CNN_IMG_RECOGNITION
ArcOmotola/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.
ArcOmotola/Cpp_Sandbox
ArcOmotola/dsa_algo_fundamentals
ArcOmotola/e-commerce_api
ArcOmotola/e-commerce_app
ArcOmotola/email-template
ArcOmotola/image_gallery_app
A tailwind practice project
ArcOmotola/insurance_frontend
ArcOmotola/LLM-RAG_app
ArcOmotola/multi_step_form
ArcOmotola/port-test-project
ArcOmotola/python_dsa_sandbox
ArcOmotola/react-admin-dashboard
ArcOmotola/react-stripe-pay-checkout-demo
ArcOmotola/react_query_practice
ArcOmotola/shopping_cart
ArcOmotola/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.
ArcOmotola/travel_company_landing
A tailwind practice project
ArcOmotola/typescript_practice_todo1
ArcOmotola/will_you_be_my_val
ArcOmotola/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.