Krista Calleja Mercieca's repositories
kristacalleja.github.io
Follow my projects as I transition to a career in tech => https://kristacalleja.github.io/
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.
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!
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!
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
stats-preview-card-component-main
Use of vendor prefixes and blend-mode in CSS
fcc-js-form
Code along with FCC
lylla-fire
Experimental coding for experimental poetry. [só em português] (css-animation, css-transform)
curved-landing-page
Vanilla JavaScript experiment to access, read, manipulate and create rules over pseudo-elements. User agent detection for purpose of media queries.
coming_soon_layout
Ample use of pseudo-elements in CSS. JavaScript test() method for RegExp. Logic and flow control (truthy-falsy).
four-cards
Specifying grid-template-areas by named grid areas, establishing the cells in the grid and assigning them names.
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.
testimonials-slider-master
Recreation of a popular slider UI. JavaScript Objects: use of Object Literal Syntax and Dot Notation. Image element src through JS
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.
favourite-cities
Obtain time for different cities
React-For-Beginners-Starter-Files
Starter files for learning React.js with React for Beginners
magic-write-erase
Use of Canvas API for drawing graphics via JavaScript.
url-shortening-api-master
JavaScript app: integrate with API to create shortened URLs. AJAX -- nested functions -- clipboard interaction
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
movie-search
Fetch a JSON response through a GET request. Use of webpack.
consuming-rest-api
Practice programming, by using REST client for consuming some chosen free public APIs.