talentmaker/site

Talentmaker SPA and PWA made with React, Bootstrap, and Typescript. www.talentmaker.ca

Talentmaker Site

Web app for talentmaker which interacts with an api, hosted by a web server.

Browser Support

The current browserslist config covers about 90% of users

Resources

• Generate PWA Icons

Path Aliasing

• ~ is an alias for the root directory (src) of the app, simillar to the Unix home alias

Directory Structure

The directory structure in src/ is based off this Free Code Camp Article

• adapers
  • All connections to API endpoints are made here
  • The createAdapters API is a nifty way to reduce imports and create endpoint interactions with minimal boilerplate
  • Adapters should be ordered via CRUD (post, get, put, delete)
• components
  • The first "layer" defines all all reusable components
  • Page-specific components go into components/pages
• contexts
  • Defines all React contexts
• images
  • Includes commonly reused images
• pages
  • Defines individual pages which leverage components from components to display content, while doing the necessary preprocessing to display these components
• schemas
  • Includes yup schemas and their respective output types
• styles
  • Global scss styles such as SASS variables
• utils
  • Utility functions