Krista Calleja Mercieca's repositories
hackathon-2021-reading-quote-generator
My submission to the October 2021 SheSharp Troopl Hackathon which was voted by judges as The Most Creative Solution 🏆. DOM manipulation, event handling, arrays, loops, iterations, image sourcing, JS methods and modals. That all happens in just 2 clicks and less than 100 lines of JS code. I also threw in some HTML5 elements, some accessibility, a couple of pseudo-elements and a touch of animations CSS. What fun!
curved-landing-page
Vanilla JavaScript experiment to access, read, manipulate and create rules over pseudo-elements. User agent detection for purpose of media queries.
ip-address-tracker-master
A JS app through which one may search for any IP addresses/domains and see key information and location. Practice of GET request, DOM manipulation, API, event handling.
magic-write-erase
Use of Canvas API for drawing graphics via JavaScript.
testimonials-slider-master
Recreation of a popular slider UI. JavaScript Objects: use of Object Literal Syntax and Dot Notation. Image element src through JS
url-shortening-api-master
JavaScript app: integrate with API to create shortened URLs. AJAX -- nested functions -- clipboard interaction
coming_soon_layout
Ample use of pseudo-elements in CSS. JavaScript test() method for RegExp. Logic and flow control (truthy-falsy).
consuming-rest-api
Practice programming, by using REST client for consuming some chosen free public APIs.
contact-me
Recreation of popular form UI
crowdfunding-product-page-main
Use of pointer-events in CSS, and .closest() method in JS to transverse the Element and its parents.
datesy
If you're tired of looking for love, let Datesy do it for you. This app is the brainchild of a cohort of mine at the programming bootcamp. We teamed up and designed this mobile app from its very most basic features: user journey, database relationships, palettes, etc.
favourite-cities
Obtain time for different cities
fcc-js-form
Code along with FCC
four-cards
Specifying grid-template-areas by named grid areas, establishing the cells in the grid and assigning them names.
hackathon-2021-web-app-landing-page
My submission to the October 2021 SheSharp Troopl Hackathon which was voted by judges as The Most Creative Solution 🏆. DOM manipulation, event handling, arrays, loops, iterations, image sourcing, JS methods and modals. That all happens in just 2 clicks and less than 100 lines of JS code. I also threw in some HTML5 elements, some accessibility, a couple of pseudo-elements and a touch of animations CSS. What fun!
il-qoffa-app
CRUD app with custom routes using ROR. Use roo gem to parse xls files (spreadsheets) [dummy text in MT]
il-qoffa-webpage
Homepage for Il-Qoffa app
kristacalleja.github.io
Follow my projects as I transition to a career in tech => https://kristacalleja.github.io/
lylla-fire
Experimental coding for experimental poetry. [só em português] (css-animation, css-transform)
movie-search
Fetch a JSON response through a GET request. Use of webpack.
order-summary-component-main
Minimal media-queries, vendor prefixes, semantic HTML for better accessibility
pod-request-access-landing-page
Mobile-first approach, tablet screen size layout, Regex
React-For-Beginners-Starter-Files
Starter files for learning React.js with React for Beginners
stats-preview-card-component-main
Use of vendor prefixes and blend-mode in CSS