• Playwright and Page Object Model
• Cypress
• Vitest

This project is an ecommerce website based on one of the challenges from Front-End Mentor.

I added my own take and created this project with the idea of using dynamic javascript to demonstrate a single page application without using a framework.

...more coming soon

• Created pages according to designs on Front-End Mentor.
• Added router.js to load dynamic js using html template literals
• Added session based storage to persist a single page

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/

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

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.

The live repo can be found here:

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

The Figma files can be found here:

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.

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

• 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

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

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

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

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