arcomotola Goto Github PK

airbnb-clone

airbnb_client

airbnb_server_sanity

alan_ai_news_app

The Alan-ai New App is an Artificial Intelligence React News Application I built on the Alan AI infrasctructure. Alan AI is a revolutionary speech recognition software that allows you to add voice capabilities to your applications. It allows you to control absolutely everything in the app using your voice.The application takes a number of predefined commands to search various news networks including BBC, CNN, the Guardian, etc for news based on certain category kinds. It also responds to other informal or casual predefined questions. I learned a lot about the Alan AI infrastructre and how to convert voice input to text and neatly craft the text into API requests. One major point on the project was the use of multiple conditionals to capture question kinds, and categorise them with the same response, although a bit manual in contrast with deep learning, but yet very functional.

algo

appointment_planner

Appointment planner is a React web app practice project i built based on the hooks and state features. The app takes input contacts details and assigns respective contacts with appointment description, including the date and time

automated_receipt

bitcoin_ticker

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

coding_hello_rh

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.

crypto-search

The Crypto price tracker application is a web Application I built with React and Axios, fetching data from the CoinGecko API. The application displays Some basic information about each Crypotocurrency, but with a focus on price performance, as it conditionally renders “red” if in a loss, and “Green” if on a gain. I learned conditional rendering on the project, as well as fetching data from an API with AXIOS and the UseEffect Hook.

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.

deploying-a-static-site-with-netlify-sample

dsa_algo_fundamentals

e-commerce_api

e-commerce_app

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.

email-template

excursion

a test HTML & CSS project which advertises a product called “Excursion"

git_practice

image_gallery_app

A tailwind practice project

insurance_frontend

learning-area

Github repo for the MDN Learning Area.

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

memories-app

multi_step_form

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

port-test-project