Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity
Front end for the Accord's Library website. Accord's Library is a archival project focused on the works of Yoko Taro, and the Drakegard & NieR universes.
79 Commits 14 Branches 0 Tags 6.4 MiB
TypeScript 98.7%
CSS 0.9%
JavaScript 0.4%
Go to file
DrMint c4ce6aa11e Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
public Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
src Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
.eslintrc.json Initial commit from Create Next App 2021-11-03 23:46:45 +01:00
.gitignore Initial commit from Create Next App 2021-11-03 23:46:45 +01:00
LICENSE Added stuff 2021-11-04 12:45:18 +01:00
README.md Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
next-env.d.ts Updated Nextjs to 12.0.7 2022-01-01 21:34:10 +01:00
next.config.js Added support for multi-size images 2022-02-19 05:28:04 +01:00
package-lock.json Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
package.json Added darkmode and replaced redux by context 2022-02-22 13:53:44 +01:00
postcss.config.js Start using TailwindCSS 2022-01-01 20:04:48 +01:00
run_accords.sh Start using TailwindCSS 2022-01-01 20:04:48 +01:00
tailwind.config.js Added foundation for dark theme support 2022-02-22 03:55:38 +01:00
tsconfig.json Moved assets and files to src folder. Improved the page layout 2021-11-06 17:47:20 +01:00

README.md

Accords-library.com

Technologies

Back

  • CMS: Stapi
    • GraphQL endpoint
    • Multilanguage support
    • Markdown format for the rich text fields

Front (this repository)

  • Language: TypeScript
  • Queries: GraphQL
    • GraphQL Code Generator to automatically generated types for the operations variables and responses
    • The operations are stored in a graphql file and then retrieved and wrap as an actual TypeScript function
  • Markdown: markdown-to-jsx
    • Support for Arbitrary React Components and Component Props!
  • Styling: Tailwind CSS
    • Good typographic defaults using Tailwind/Typography
    • Beside the theme declaration no CSS outside of Tailwind CSS
    • Manually added support for scrollbar styling
    • Support for Material Icons
  • Framework: Next.js (React)
    • Multilanguage support
  • State Management: React Context
    • Persistent app state using LocalStorage
  • Support for many screen sizes and resolutions