ArchiQ

This is a solution to a single page site front-end challenge I gave myself.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• go through several, yet distinct, UI/UX patterns

Screenshot

Liens

• Voir le site : Arch-iQ

Mon process

Technologie utilisées

• Semantic HTML5 markup
• SCSS/SASS
• BEM methodology
• CSS custom properties
• Flexbox
• Desktop-first workflow
• pure JS
• Splide - Typescript library
• GLaDOS Voice Generator - Text-to-Speech engine

Pour le recap complet du procédé de réalisation de ce projet, c'est par ici !

Auteur

• Website : Khadim Renahy-Mar
• Linkedin : Khadim Renahy-Mar

Acknowledgments

Special thanks to @NaotoshiFujita for his amazing work on SplideJS and it's wonderful documentation that I found really helpful.