IP Address Tracker App
JavaScript App based on an advanced Frontend Mentor Challenge. To get the IP Address locations, I used the IP Geolocation API by IPify. To generate the map, I used LeafletJS. Responsive Layout.
Hi, I'm Anna. I've learnt the front end basics (HTML, CSS and JS) from Brad Traversy, Jonas Schmedtmann,Maximilian Schwarzmüllerand Kevin Powell. React from John Smilga. I've just started my MERN stack journey.
Please check out my projects below and don't hesitate to contact me. I am open to work.
html
css/sass
js6
react js
mern
JavaScript App based on an advanced Frontend Mentor Challenge. To get the IP Address locations, I used the IP Geolocation API by IPify. To generate the map, I used LeafletJS. Responsive Layout.
Simple Social Media Dashboard React app with dark and light mode toggle function. Static data. Design from Frontend Mentor Social Media Dashboard Challenge.
Frontend MentorClock App with theme switcher function built with JavaScript. Idea based on Brad Traversy's Theme Clock Project from 50 Projects in 50 Days Udemy Course.
JavaScript App based on an advanced Frontend Mentor Challenge. To get the IP Address locations, I used the IP Geolocation API by IPify. To generate the map, I used LeafletJS. Responsive Layout.
LeafletJSIP Geolocation APIFrontend MentorIntro Component with form validation. I used Regex in order to validate the phone number, the email address and the criteria of the password. Design idea from Frontend Mentor.
Frontend MentorHerzigs Vehicle Repair Website. I've created the design based on their previous site. This is a Single Page React App.
GreenByte freelancer developer landing page and contact information. I've built the page as a freelancer. Responsive layout.
Relaxer JavaScript App with CSS animation based on Brad Traversy's 20 Web Projects with Vanilla JS Udemy Course. Follow the animated circle, breath in for 5 sec, hold it for 2.5 sec and breath out for 5 sec.
RGB Color Guessing Game built with JavaScript. The quest is a randomly generated RGB color. The player can choose from 6 other colors, one matches with the quest, the other 5 are randomly generated.
Every time you ask for a new joke, the app fetches a new one from the API. Idea based on Brad Traversy's Dad Jokes Project from 50 Projects in 50 Days Udemy Course.
icanhazdadjoke APIInfinite scroll blog posts app built with JavaScript. The app uses JSON Placeholder API for the blog posts. Highlighted search term in text. Idea based on Brad Traversy's 20 Web Projects with Vanilla JS Udemy Course.
{JSON} Placeholder APIDouble Vertical Infinite Gallery Slider with CSS animation. Idea based on Brad Traversy's Dad Jokes Project from 50 Projects in 50 Days Udemy Course.
You can get a hint which squares are in the right position and which one are not. At the end of the game you can shuffle them again. Idea based on Brad Traversy's Drag N Drop Puzzle Project from 50 Projects in 50 Days Udemy Course.
Lyrics Search App with pagination. Lyrics from Lyrics.ovh API. Idea based on Brad Traversy's Search App from 20 Web Projects with Vanilla JS Udemy Course.
Lyrics.ovh APIFree Simple Responsive Sunnyside Agency Landing Page. Junior Level Challenge from Frontend Mentor without design files. Responsive Layout.
Frontend MentorBill Splitter React App. You can enter the bill amount, the tip percentage and the number of people who'd like to share the bill. The tip amount and the total calculated per person. Junior Challenge from Frontend Mentor. Responsive Layout.
Frontend MentorGood old Minesweeper Game. Double click on the icon to start the game. Functionality built with Vanilla JS using recursion.
Ania Kubów - MinesweeperYou can choose from different options and create a personalized coffee subscription plan. See your order summary in a modal. Premium Challenge from Frontend Mentor with Figma design files. Responsive Layout.
Frontend Mentor