
Dictionary web app using nextjs and Typescript
Design comparison
Solution retrospective
I was proud of the font change functionality which took a bit of understanding to get my head around and passing this state around was initially difficult but I managed to get this to work. It was also the first project where I consistently worked with Typescript. It's not pixel perfect but I worked against three layouts - Desktop, Tablet and Mobile.
What challenges did you encounter, and how did you overcome them?The font changing and the Dark mode were the intial challenges I identified and these both were the areas where I needed to do the most research. I found some tutorials for both which assisted me. the global variables was the area where I added the light mode and dark mode colour schemes and once I added these I was fine. The font changing was similar I required some research to implement this.
What specific areas of your project would you like help with?There's nothing I'd particularly like help with but I'd be keen to understand how other people did the Dark mode in Nextjs. I looked on their official documentation as it comes built with some dark mode variables but I can't see anything further. I appreciate this isn't pixel perfect but I'm happy with the outcome.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord