metecan / multi-language

Dataguess - Mid Frontend Cases (Number: 9) Multi-language Support with Redux Intl

Used libraries

• Vite + React + TypeScript
• Redux
• React Intl

Description

It is a simple react app that supports multi-language with redax and react-intl.

The app is a pricing page that supports multi-language and multi-currency.

How to run

1. Clone the repo
2. Run yarn install
3. Run yarn dev
4. Open http://localhost:5173 in your browser

OR

1. Go to https://dataguess-9.vercel.app/ in your browser

How to use

1. Click the language selectbox on the top center to change the language.

Figma design

I edited a publicly available design that I obtained from the Figma Community and coded it.

• Figma design

Screenshot

Last updated: 2023, Sep 11 ✨