My projects
Take a look at what I've been working on!
URL shortening API landing page
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
Shorten any valid URL
- See a list of their shortened links, even after refreshing the browser
- Copy the shortened link to their clipboard in a single click
- Receive an error message when the form is submitted if the input field is
empty
Built with: JavaScript, JQuery, API, HTML, CSS, Flex
Chat app SCSS illustration
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
Built with: SCSS, HTML
IP address tracker
Users should be able to:
- View the optimal layout for each page depending on their device's screen size
- See hover states for all interactive elements on the page
- See their own IP address on the map on the initial page load
- Search for any IP addresses or domains and see the key information and location
Built with: JavaScript, Axios, HTML, CSS, Flex
Easybank landing page
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page.
Built with: HTML/CSS, Flex/Bootstrap, JQuery
Interactive card details form
Users should be able to:
- Fill in the form and see the card details update in real-time,:
- Receive error messages
- View the optimal layout depending on their device's screen size
- See hover, active, and focus states for interactive elements on the page
Built with: JavaScript, Flex, Bootstrap, HTML, CSS
Weather React App
Weather web application integrated with OpenWeather API, coded with React JS, and hosted with Netlify. The prototype was created in Figma.
Dictionary React App
Dictionary web application integrated with Dictionary API, Pexels API, and coded with React JS. A dictionary can be used to look up the meaning of a word. Also, it has Audio Player.
ES6 Weather App
Weather web application integrated with Weather Visual Crossing API for live temperature data, coded with JavaScript. Find current forecast information and temperatures for your location and other cities.
Form send to e-mail (PHP)
The task was to create the HTML form that sends me an email. Buy the domain and host
it.
Build by PHPmailer, JS, HTML/CSS.