Git Product home page Git Product logo

dom-events's Introduction

Banner

Visit my Portfolio Connect with me on LinkedIn

✨ 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

📊 Stats at a Glance:

GitHub Activity for kazvee

Click to expand and explore some of my projects! 🌞

Bestie Squad 🐰

Live Demo
😻 Redux application that enables users to create and manage their list of friends
🗝️ Features key Redux concepts such as Reducers, Actions, and the Store structure ⚙️ Tools Used: React, Redux
📅 Built in: March 2024

Bestie_Squad_Demo_Video.mp4

Meme Maker 🖼️

🖼️ Meme generator enabling users to create custom memes
🏫 Explores advanced concepts such as API interaction and handling asynchronous actions
⚙️ Tools Used: React, Redux, Thunk middleware, Imgflip API
📅 Built in: March 2024

Meme_Maker_Demo_Video.mp4

My Portfolio 👩‍💻

Live Demo
👩‍💻 My web developer portfolio
⚙️ Tools Used: TypeScript, NextJS 14, Tailwind CSS
📅 Built in: January 2024

Portfolio_Main_View


PawTrackr 🐾

Live Demo
🐾 Final Group Project - Full Stack Pet Care Management App
😺 Schedule feeding times
🐶 Create exercise reminders
🧑‍⚕️ Handle Vet appointments
🤩 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 🍛

Live Demo
🍲 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

Demo_Video.mp4

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

dom-events's People

Contributors

kazvee avatar

Watchers

 avatar

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.