Giter Site home page Giter Site logo

Hi there, I'm Karen! ๐Ÿ˜€

Human ~ Lifelong Learner ~ Global Digital Citizen ~ Full Stack Software Developer ๐Ÿ‘ฉโ€๐Ÿ’ป

๐ŸŒฑ Iโ€™m currently expanding my knowledge of a11y (accessibility), devops, and cybersecurity best practices.

๐Ÿ’ฌ Ask me about food, travel, or help finding some interesting self-learning programming resources.

๐Ÿช™ Fun fact: I've been collecting flattened penny tourist souvenirs since I was 5 years old!

๐Ÿข I'd love to explore opportunities to contribute to meaningful projects and conversations.

๐Ÿ“ญ I'm open to learning and growing together via project-based collaboration, please feel free to say hello:

โœจ I'm Familiar With:

JavaScript React.js NextJS Node.js Nodemon Axios Express PostgreSQL MongoDB Mongoose Supabase Ruby Rails HTML5 jQuery CSS Sass Bootstrap Material UI Tailwind Git GitHub GitHub Actions GitHub VS Code Postman Regex Cypress Selenium Jest Mocha Chai Linux Bash Stripe CircleCI Netlify Vercel Replit CodePen Mantine

๐Ÿซ I've Had Exposure To:

TypeScript Redux Python Python Vite Babel AWS (Amazon Web Services) Amazon IAM (Identity Access Management) Amazon S3 Amazon Route 53 Amazon EC2 DynamoDB MySQL SQLite Azure DevOps Cloudflare Docker Figma Firebase GraphQL Vim

๐Ÿ“Š At a Glance:

GitHub Activity for kazvee
github-snake

โœจ Visit my Portfolio โœจ

โš™๏ธ Tools Used: TypeScript, NextJS 14, Tailwind CSS
๐Ÿ“… Built in: January 2024

Portfolio_Main_View


Click to expand and explore more of my projects! ๐ŸŒž

PawTrackr ๐Ÿพ

๐Ÿพ Final Group Project - Full Stack Pet Care Management App
๐Ÿ˜บ Schedule feeding times
๐Ÿถ Create exercise reminders
๐Ÿง‘โ€โš•๏ธ Handle Vet appointments
โœจ Live Demo
๐Ÿคฉ Features: Calendar, Drag & Drop, Pagination
โš™๏ธ Tools Used: React, NodeJS, Express, Axios, Bootstrap, PostgreSQL
๐Ÿ“… Built in: December 2023

PawTrackr_Demo_Video.mp4

Jungle ๐Ÿชด

๐ŸŒฟ Full-stack e-commerce app
๐Ÿ”ด Ruby on ๐Ÿšƒ Rails 6.1
๐Ÿ‘ข Bootstrap frontend
๐Ÿ“š PostgreSQL database
๐Ÿ”’ Bcrypt password management
๐Ÿ’ธ Stripe for secure payments
๐Ÿงช Rspec & Cypress automated testing
๐Ÿ“… Built in: November 2023

Jungle_Demo_Video.mp4

Scheduler ๐Ÿ“…

๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Full-stack appointment booking app enabling students & mentors to meet
๐Ÿงช Built using TDD (Test Driven Development) using Jest & Cypress
๐Ÿ” Implements CI/CD (Continuous Integration and Continuous Deployment/Delivery) practices with built-in automated testing capabilities
๐Ÿ“… Built in: October 2023

Interview_Scheduler_Demo_Video.mp4

PhotoLabs ๐Ÿ–ผ๏ธ

๐Ÿ–ผ๏ธ Stock photo single page app built as a Single Page Application (SPA) in React
๐Ÿข Leverages a pre-existing to invite customers to view and interact with photos held in the database
โš™๏ธ Tools Used: React, Express, PostgreSQL, Babel, and Dotenv
๐Ÿ“… Built in: September 2023

PhotoLabs_Video.webm

TwO-O-Player Math Game ๐Ÿงฎ

๐Ÿงฎ Two player math game which runs in the terminal
๐Ÿ”ด Built with Ruby using OOP (Object Oriented Programming) principles
๐Ÿ“บ Includes a TV Infomercial style ReadMe, just for fun!
๐Ÿ“… Built in: October 2023

Game_Demo_Video.mp4

Tweeter ๐Ÿฃ

๐Ÿฆ Single-page social media app which delivers a seamless user experience
โœจ Features a responsive design for various device sizes
๐Ÿงฎ Real-time tweet length counter
๐Ÿ”„๏ธ Content validation prevents empty posts
๐Ÿ“… Built in: July 2023

tweeter-functionality-demo-video.mp4

Resource Wall ๐Ÿ“š

๐Ÿค Midterm Group Project - Resource sharing site
๐Ÿ–ผ๏ธ Enables users to save & share internet links, blogs, or videos
โš™๏ธ Tools Used: JavaScript, NodeJS, Express, PostgreSQL, SASS, and EJS
๐Ÿ“… Built in: September 2023

"View of Homepage with All Resources"


LightBnB ๐Ÿก

๐Ÿจ Multi-page property booking app
๐Ÿ˜๏ธ Enables a cross-platform experience for property owners and short-term holiday rental customers
โš™๏ธ Tools Used: JavaScript, NodeJS, Express, PostgreSQL, SASS, Bcrypt, Cookie-Session, Nodemon, and Dotenv
๐Ÿ“… Built in: August 2023

"Screenshot Logged-in User View"


TinyApp ๐ŸŒŽ

๐Ÿ”— Full stack web application that allows users to shorten long URLs
๐Ÿงช Leverages Unit Testing
โš™๏ธ Tools Used: JavaScript, NodeJS, Express, EJS, Nodemon, Bcryptjs, Cookie-Session, Mocha, and Chai
๐Ÿ“… Built in: July 2023

"Saved URLs with Visitor Tracking Stats"


Snake Game ๐Ÿ

๐Ÿ Multiplayer take on the very popular Snake Game
๐Ÿ”ด Move the snake over the red dots to eat them and grow looooonger!
๐Ÿ•น Careful not to crash or it's Game Over! ๐Ÿ˜ข
โš™๏ธ Tools Used: NodeJS, and NPM
๐Ÿ“… Built in: July 2023

Game Server Screenshot

Client Terminal Screenshot


Recipe Rank ๐Ÿ›

๐Ÿฒ A recipe sharing site that allows visitors to vote on the links submitted
โš™๏ธ Tools Used: JavaScript, React, Supabase DB, and Netlify
๐Ÿ“… Built in: April 2023

Recipe Rank Screenshot


Monkey Duck Game ๐Ÿ’๐Ÿฆ†

๐Ÿคฉ Live Demo
๐ŸŒ Cute browser game
๐Ÿ’ Ask the monkeys to shuffle colourful emojis
๐Ÿฆ† Get some ducks in a row, and WIN!
โš™๏ธ Tools Used: React
๐Ÿ“… Built in: October 2023

Monkey_Duck_Game_Demo_Video.mp4

๐ŸŸฃ Fancy Buttons

๐ŸŸฃ App that showcases dynamic styling and interactive buttons
๐Ÿ˜ก Angry Button
๐Ÿ”ข Counter Button
๐Ÿ’ก Light Switch Button
๐Ÿ” Text Repeater Button
โš™๏ธ Tools Used: React
๐Ÿ“… Built in: September 2023

button-functionality-video.mp4


Hello React ๐Ÿฉท

๐Ÿฉท Small project to reinforce understanding of fundamental concepts
๐Ÿš Passing props with JSX Handling
๐ŸŒƒ DOM events
๐Ÿช Managing state with the useState hook
๐Ÿ–ผ๏ธ Conditional rendering
๐ŸŽ›๏ธ Creating controlled input components
โš™๏ธ Tools Used: React
๐Ÿ“… Built in: September 2023

Hello_React_Demo_Video.mp4

Tourney Matches ๐Ÿ•น๏ธ

๐Ÿ’ App to practice passing down props to children elements
๐Ÿฃ Refine understanding of `props.children`
๐Ÿ—๏ธ Additional practice playing with data structures
โš™๏ธ Tools Used: React
๐Ÿ“… Built in: June 2023

Main View

Match List View


World Times ๐Ÿ•ฐ๏ธ

โฐ Live Demo
โŒš Custom-built World Clock for one customer, displaying local time for their requested cities
โš™๏ธ Tools Used: JavaScript, Vite, Pico CSS, and Luxon library
๐Ÿ“… Built in: March 2023

World_Clock_Screenshot


Currency Xchange ๐Ÿ’ธ

๐Ÿ’ฐ Currency converter widget
๐Ÿฆ Implements usage of local storage to cache API data
โš™๏ธ Tools Used: JavaScript, NodeJS, Express, Axios, Nodemon, CORS, and Dotenv
๐Ÿ“… Built in: April 2023

CurrencyXchange

kazvee's Projects

bestie-squad icon bestie-squad

๐Ÿฐ Redux application that enables users to create and manage a list of their best friends! โœจLIVE DEMOโœจ

blog-bonanza icon blog-bonanza

๐Ÿ”’ Project built to explore Auth0 integration on a Next.js app styled with Tailwind CSS ๐Ÿ™‚

collinktion icon collinktion

๐Ÿ”—Weblink collection built with Gatsby & deployed on Cloudflare Pages ๐ŸŒค๏ธ Link data is fetched using Cloudflare Workers from a Kintone database โœจLIVE DEMOโœจ

currency-xchange icon currency-xchange

๐Ÿ’ฐ Currency converter widget ๐Ÿฆ Implements usage of local storage to cache API data โš™๏ธ Tools Used: JavaScript, NodeJS, Express, Axios, Nodemon, CORS, and Dotenv

fancy-buttons icon fancy-buttons

๐ŸŸฃ Fancy Buttons is a React app that showcases dynamic styling and interactive buttons: ๐Ÿ˜ก Angry Button ๐Ÿ”ข Counter Button ๐Ÿ’ก Light Switch Button ๐Ÿ” Text Repeater Button

foodies-next icon foodies-next

โœจ Hands-on learning project to explore Next.js 14 and the App Router method ๐Ÿ‘ฉโ€๐Ÿ’ป

git-clone-helpers icon git-clone-helpers

โœจ Helper scripts to clone remote repos to local machine after a reinstall ๐Ÿ’ป

hello-react icon hello-react

๐Ÿฉท Small project designed to reinforce understanding of fundamental React concepts ๐Ÿš Passing props with JSX Handling ๐ŸŒƒ DOM events ๐Ÿช Managing state with the useState hook ๐Ÿ–ผ Conditional rendering ๐ŸŽ› Creating controlled input components

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.