cowtipping / cowtippingV2-frontend

Personal portfolio

Home Page:https://cowtipping.co.uk

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Personal Portfolio

A little collection of all my STUFF.

Demo

Live Site

Technologies

Front-end:
React
TypeScript
MUI

Testing:
Jest
React Testing Library
Cypress

Stuff I Learnt

  • TypeScript: Using React.FC to use props in function components.
  • MUI: First time using it - buttons, cards, grid.
  • CSS: animation-fill-mode: forwards to stop animations, prefers-color-scheme in media queries. 😎
  • React: Using state for toggling a menu and disabling a button on submit.
  • JavaScript: window.onscroll.
  • Node: Nodemailer package for sending form data.
  • Testing: Using mocks for static files, testing for scroll behavior.

Roadmap

  • Have the navbar vanish on scroll ✅
  • Dark mode CSS ✅
  • Jest/RTL tests ✅
  • Cypress tests ✅
  • Expand project descriptions
  • Dark reader Chrome extension fixes (transparent background on image)

About

Personal portfolio

https://cowtipping.co.uk


Languages

Language:TypeScript 50.3%Language:CSS 27.0%Language:JavaScript 13.9%Language:HTML 8.9%