Illes Toth Visualz's repositories
food-recipe-app
I made this food recipe application with React.js using useEffect and useState methods. The data is fetched from Edamam's Recipe Search API. I used Dev Ed's tutorial to help build the app.
Aflete-landing-page
I created this landing page as a test task for Genflow Ltd. I implemented the responsiveness of the site with Flexbox (flex-wrap), Bootstrap (container-fluid, navbar-collapse, form-group etc.) and Media Queries, while for the animations I used the help of Animate.js (animatedParent, animated predefined classes). I applied vanilla JS for the back to top button (scrollTop, scrollFunction). CSS positioning also gave me assistance in shaping the physiognomy of this landing page.
CSS-animation
CSS animation
CurrencyConverter
I created this currency converter with React.js (useEffect hook, props)
IllesToth84
Config files for my GitHub profile.
product-cards
I created a list of product cards. The container is responsive, the amount of discount and the rating are highlighted. The list of cards is sortable by price, amount of discount and rating.
show-arrays
I created a form with radio buttons. When the form is submitted, the checked value is saved to local storage and the page is redirected to another page. Each radio value is assigned to an array and always the elements of the array corresponding to the selected value are displayed on the page we were redirected to.
To-do-List-App
To do list app created with Angular 8. List items may be marked, added and removed. User inputs are sent to the server and registered in database via HTTP requests.
udemy-learning-resources-app
The Learning Resources App was the second course project of Udemy's Vue - The Complete Guide (incl. Router & Composition API) course by Maximilian Schwarzmüller. We practiced using provide & inject, emit, props, component communication etc. in this module.
udemy-monster-slayer-game
This game was a course work on Udemy's Vue - The Complete Guide (incl. Router & Composition API) course by instructor Maximilian Schwarzmüller.
vue3-suspense
How to Fetch Data with Vue 3 Suspense, Fallbacks & Error Boundary
vuex-counter
This is a counter which can be increased or decreased by random numbers and it's color may be changed by adding color codes to an input.
w5labs-test-task
Frontend application using the Vue.js framework with a main page where the weather forecast data of different cities are displayed in a tab format. Default cities are: Budapest, London, New York, Tokyo. The application requests the data with Axios from https://open-meteo.com/en free API, stores the data in Vuex and displays it via Chart.js.