This is a solution to the REST Countries API with color theme switcher challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- See all countries from the API on the homepage
- Search for a country using an
input
field - Filter countries by region
- Click on a country to see more detailed information on a separate page
- Click through to the border countries on the detail page
- Toggle the color scheme between light and dark mode (optional)
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- [Next.js-Theme] (https://www.npmjs.com/package/@wits/next-themes) - Theme APi for Next.js
- Jotai - Context API library
- React - JS library
- Next.js - React framework
- Tailwind - For styles
I still have issues with the theme API... Something changed since I wrote the Calculator frontend as at that time there was not error. It would be very nice the have a complete understanding about this problem.
"use client";
import { ThemeProvider } from "@wits/next-themes";
const Providers = ({ children }) => {
return <ThemeProvider>{children}</ThemeProvider>;
};
export default Providers;
Dominate once and for all the use of themes with Next.js 13.
- useForms - Very good tutorial about useForms.
- Jotai - Jotai package that offers a simplified context API
- Website - Thomas Tschoepke Soares
- Frontend Mentor - @ttsoares
Several nice people helping students with Youtube videos...