kristacalleja Goto Github PK

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.

codewars_katas

This is where I flex my problem-solving muscels. This repo contains solutions to the Codewars katas (https://www.codewars.com)

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

cooper-dog-bmi-calculator

crowdfunding-product-page-main

Use of pointer-events in CSS, and .closest() method in JS to transverse the Element and its parents.

curved-landing-page

Vanilla JavaScript experiment to access, read, manipulate and create rules over pseudo-elements. User agent detection for purpose of media queries.

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.

disapproving-carson

This is a simple ROR application, where user interacts with the inimitable Butler Carson (hello Downton Abbey fans!).

dotfiles

Default configuration for Le Wagon's students

faq-accordion-card-main

Reverse engineer accordion card from Boostrap. Implement a mobile first approach to styling.

favourite-cities

Obtain time for different cities

fcc-js-form

Code along with FCC

fem-to-do-app

four-cards

Specifying grid-template-areas by named grid areas, establishing the cells in the grid and assigning them names.

fullstack-developer

giphy-search-react-app

My first React.js app

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!

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

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.

kalleya

Quote generator in ROR

kristacalleja

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)