mikechumba / reframe Goto Github PK

This is an attempt at a redesign of Reframe.

This is a work in progress. I've only built the organization list page and the organization profile. Some of the pending work include

• Polishing the design of the profile page.
• Image optimization
• Extra pages including a landing page
• Sign In Page

Since I approached is a MVP creation, I just created a static site using Next.js. To run the project locally, follow the steps below:

• Clone the project git clone [repo-URL]
• I used yarn zero installs as the package manager, so make sure you have Node and Yarn installed then:
  • Run yarn install
  • Then start the server by running yarn dev
  • To build the project, use yarn build, then consequently, yarn start to run the production build.

• Next.js
• SCSS

Sometimes I like to think I've mastered accessibility but this project and many other remind me how tempting it is to skip best practises.

One of the newer things I learned was accessibility of card links. Thanks to Heydon Pickering's Cards and How to build accessible cards–block links - Nomensa