Projects

Click anywhere on a project summary to see the full details


Tennis Match🎾

The final project of the Northcoders bootcamp! Putting a sporty spin on swiping right to let users find other players in their local area. Will you find your tennis match?

Tech Stack:

React Native Expo Axios PSQL Firebase Express Knex Heroku Jest Testing

TeamMates:

The idea for Tennis Match came from my team mate Ben, who wanted to design an app that would allow him to find others to play against without needing to join up to a local club.

MVP Version

  • Profile authentication and registration (Firebase)
  • Set partner preferences
  • Swiping element for matching
  • Messaging functionality
  • Reset / Modify preferences

Future Changes

  • Move all database storage to Firebase
  • Complete the real-time messaging functionality
  • Expand map functionality

Source Code

  • Back-End Repo here
  • Front-End Repo here
  • Or copy/paste:
    • https://github.com/michael-squires/be-tennis-matcher
    • https://github.com/eccelm/fe-tennis-matcher

Watch the Demo

Find the YouTube demo video by clicking on the link here, or copy/paste the address into your browser:

  • https://www.youtube.com/watch?v=U1hoOsNirNM

The Northcoder News 📰

A reddit-style website with both front and back-end built from scratch. Come catch up on the latest Northcoders news!

Tech Stack:

React Axios PSQL Express Knex NodeJS Heroku Jest Testing

About

This full-stack project combines the RESTful API built in the final sprint for the back-end block of the Northcoders bootcamp with a React Front-End.

Hosted version coming soon!

Source Code

  • Back-End Repo here
  • Front-End Repo here
  • Or copy/paste:
    • https://github.com/eccelm/nc-news-backend
    • https://github.com/eccelm/NC-News-React-FrontEnd

Student Tracker🔍

A smaller sprint from the front-end block currently undergoing a makeover to trial CSS styling in React and getting to grips with testing React!

Tech Stack:

React Axios

Planned Improvements

Originally a shorter sprint from the Northcoders bootcamp, I am planning to continue to add to it to develop new skills and practise the following:

  • Figma prototype mocking
  • Styled Components (CSS)
  • Writing tests for React
  • Using Async / Await with Axios

Source Code

  • Github Repo here
  • Or copy/paste:
    • https://github.com/eccelm/NC-React-Tracker-Project

Mini Projects

A pick'n'mix of small projects for getting to grips with each bit of technology and spiking out of libraries/frameworks for larger projects!

Tech Stack:

A little bit of everything!

For CSS mini projects, check out my Codepen: