Audiophile

  • DevelopersJames Murphy

  • DesignFrontend Mentor

  • ClientPersonal Project

  • Year2023

Live Site

Git Repo

Front End Development Example

This multipage layout was a personal project built with Next.js. The design was taken from Frontend Mentor. I used context to preserve the session state variables between pages. This was a good opportunity to test front end skills like Grid, Flexbox and Sass as well as have a deeper exploration of react hooks and state management.

dynamically generated story image

  • Development Tools

    This site was built using Next.js web development framework. This allows for server side rendering which aids in SEO and pre-rendering of statically generated html files which improves overall site performance. Sass was used to improve style sheet organisation and CSS modules were used to locally scope the page styles and avoid naming collisions.

    logo

  • Hosting and Process

    Vercel was selected for hosting due to it's compatibility with Next.js and the speeds it's free hosting package offers, for workflow and project management Trello was used and for version control I used Github employing a regular process of continuous integration and deployment.

    logo