Pinned Repositories
amyeliseroberts
A static portfolio website using JavaScript packages. Amongst which are, Slick caroussel for customised image presentation, Lightbox for navigating through a gallery and captioning, and Colcade which presents vertically and horizontally oriented images in a modern masonary layout.
bleetingcow
brunofernandesdias
card_product
BEM naming implementation. JS event handlers for modification of the DOM.
curved-landing-page
Vanilla JavaScript experiment to access, read, manipulate and create rules over pseudo-elements. User agent detection for purpose of media queries.
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!
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
KristaCalleja's Repositories
KristaCalleja/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!
KristaCalleja/curved-landing-page
Vanilla JavaScript experiment to access, read, manipulate and create rules over pseudo-elements. User agent detection for purpose of media queries.
KristaCalleja/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.
KristaCalleja/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.
KristaCalleja/magic-write-erase
Use of Canvas API for drawing graphics via JavaScript.
KristaCalleja/testimonials-slider-master
Recreation of a popular slider UI. JavaScript Objects: use of Object Literal Syntax and Dot Notation. Image element src through JS
KristaCalleja/url-shortening-api-master
JavaScript app: integrate with API to create shortened URLs. AJAX -- nested functions -- clipboard interaction
KristaCalleja/coming_soon_layout
Ample use of pseudo-elements in CSS. JavaScript test() method for RegExp. Logic and flow control (truthy-falsy).
KristaCalleja/consuming-rest-api
Practice programming, by using REST client for consuming some chosen free public APIs.
KristaCalleja/contact-me
Recreation of popular form UI
KristaCalleja/cooper-dog-bmi-calculator
KristaCalleja/crowdfunding-product-page-main
Use of pointer-events in CSS, and .closest() method in JS to transverse the Element and its parents.
KristaCalleja/favourite-cities
Obtain time for different cities
KristaCalleja/fcc-js-form
Code along with FCC
KristaCalleja/fem-to-do-app
KristaCalleja/four-cards
Specifying grid-template-areas by named grid areas, establishing the cells in the grid and assigning them names.
KristaCalleja/Fullstack-Developer
KristaCalleja/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!
KristaCalleja/il-qoffa-app
CRUD app with custom routes using ROR. Use roo gem to parse xls files (spreadsheets) [dummy text in MT]
KristaCalleja/il-qoffa-webpage
Homepage for Il-Qoffa app
KristaCalleja/KristaCalleja
KristaCalleja/kristacalleja.github.io
Follow my projects as I transition to a career in tech => https://kristacalleja.github.io/
KristaCalleja/lylla-fire
Experimental coding for experimental poetry. [só em português] (css-animation, css-transform)
KristaCalleja/meet-landing-page
KristaCalleja/movie-search
Fetch a JSON response through a GET request. Use of webpack.
KristaCalleja/order-summary-component-main
Minimal media-queries, vendor prefixes, semantic HTML for better accessibility
KristaCalleja/pod-request-access-landing-page
Mobile-first approach, tablet screen size layout, Regex
KristaCalleja/React-For-Beginners-Starter-Files
Starter files for learning React.js with React for Beginners
KristaCalleja/stats-preview-card-component-main
Use of vendor prefixes and blend-mode in CSS
KristaCalleja/tv-ratings-app