Skip to content
View epixieme's full-sized avatar
Block or Report

Block or report epixieme

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
epixieme/README.md

Hi 👋, I’m Kirstie

business card

About Me


My Stats



My Skills

Languages

Dev Skills

Front-end/Client-side

Back-end

Mobile

Version Control

Hosting

Design & Prototyping

Testing Skills

  • Playwright and Page Object Model
  • Cypress
  • Vitest

Open Source and Projects

My Portfolio Site

screencapture-127-0-0-1-5500-2024-06-24-10_03_49

About

My portfolio site is built with vanilla JS and pure CSS. Animations built with a combination of Lottie and CSS

Live: https://kirstiehayesdev.netlify.app/

Climate Mind

ClimateMind

About

A tool to relate everyone and their lives to the effects of climate change.

  • Currently working as part of a collaborative international team on both the React and React-Native side of the project
  • Collaborating regularly with other developers and meeting weekly as a group of specialists.
  • Utilising remote agile working i.e. standups through Slack & Zoom
  • Resolving issues and building backlog features through GitHub projects and workflow
  • Contributing to the design process of new features for the applications
  • Conducting feature demos to the wider team

Live Web App: https://climatemind.org/

Repo: https://github.com/ClimateMind/frontend-native-app Repo: https://github.com/ClimateMind

Personal Projects

Dog Meet Dog

dmd

About

This application is a work in progress and is currently in development.

Node, Express, Vite, React, React Router 6.18, Redux Toolkit, GraphQL mutations and queries, GraphQL subscriptions and Mongodb.

  • Designed some features for the app through Figma.
  • Created components for the landing page, about etc part of the application.
  • I have begun leveraging the use of A.I. using ChatGPT to optimise testing and CI/CD.
  • Set up GitHub actions to run tests through Vitest when merging code
  • Implemented React router and nested routing and have established working queries and mutations for Apollo GraphQL
  • Connected to MongoDB and set up Authentication using JWT and have successfully enabled login to the application
  • Set up a basic header and dashboard when logged into the application
  • The live repo can be found here:

    live repo: https://github.com/epixieme/dogmeetdog

    The Figma files can be found here:

    https://www.figma.com/file/pYXdTp9SYz2y0spCLOWRm6/dogmeetsdog?node-id=0%3A1&t=N0UoRX0n5TdpJ30n-0


    Emotionalize

    frontpage.mp4

    This is a full-stack Wellbeing CRUD application designed with Vanilla Javascript, EJS, a touch of Alpine.js, Tailwind, Node.js, MongoDB and Mongoose.

    Live App: https://ill-pear-walrus-tutu.cyclic.app/

    Repo: https://github.com/epixieme/emotionaliser

    Features

    • Dashboard showing weekly mood stats.
    • Wellbeing tools - Thought Diary and Motivational Quotes CRUD feature.
    • Positivity Hub allows users to view bookmarks that help instil positive emotions.
    • Community pages for posting thoughts and quotes to share and discuss.
    • Profile settings editor - upload a profile picture and edit personal details.

    Quizzical

    quizzical

    Live quiz: https://boisterous-blancmange-5aeb79.netlify.app/

    Figma Design: https://www.figma.com/file/Vzf9swvWBXqygg77au5Rkm/Quizzical-App-(Copy)?type=design&node-id=0-1&t=nn9mg30D5ZsYLmlP-0

    Challenge set by Scrimba.com. Fully responsive React Trivia Quiz app using the Opendb API and created with Hooks UseState and UseEffect. Designed to match as closely as possible to existing Figma prototypes with additional features eg

    1. Choose Difficulty
    2. Choose Category

    Takeaways

    • Learned how to code to specification and also added some extra features.
    • Used Prep to prepare logic for each React component.
    • Designed Tests to practice React testing.
    • Learned about the use of loaders and added a spinner to enhance the user experience


    Anime Plus

    This is an anime movie database, built from the Jikan anime API.

    Features


    • Ability to Search the filtered movie database and bring back cards appropriate to the search input.
    • Feature to add to favourites through local storage.


    Tip Calculator

    This small app was made with vanilla JS and CSS and was the pick of the week on Codepen

    Features


    • Users can choose options to calculate their tip.
    • Calculates tip using an input event listener.


    Playwright HackerRank tests

    This is a page object model set up with fixtures using Playwright and Hackerank

    repo: https://github.com/epixieme/Playwright_tests_hackrank

    Screen.Recording.2024-06-14.at.16.41.59.mov

    Pinned Loading

    1. ClimateMind/frontend-native-app ClimateMind/frontend-native-app Public

      This is the Climate Mind repository for the Android / iOS app. A React Native app made with Expo and Typescript.

      TypeScript 1

    2. epixieme epixieme Public

      Config files for my GitHub profile.

      1

    3. emotionaliser emotionaliser Public

      HTML 1 1

    4. dog-meet-dog dog-meet-dog Public

    5. Quizzical Quizzical Public

      JavaScript