Skip to content

This repository provides a simple live demo showcasing the usage of @jereztech/i18n-react and @jereztech/react-elements in a React application.

Notifications You must be signed in to change notification settings

jereztech/store-react-demo

Repository files navigation

Store React Demo

This repository provides a simple live demo showcasing the usage of @jereztech/i18n-react and @jereztech/react-elements in a React application.

Features

  • Implements internationalization (i18n) using @jereztech/i18n-react
  • Utilizes reusable UI components from @jereztech/react-elements
  • Demonstrates a basic store interface with localized content

Prerequisites

Ensure you have the following installed:

Installation

Clone the repository and install dependencies:

git clone https://github.com/jereztech/store-react-demo.git
cd store-react-demo
pnpm install  # or npm install

Running the Project

To start the development server, run:

pnpm dev  # or npm run dev

This will start the application at http://localhost:3000/.

Using @jereztech/i18n-react

This project integrates @jereztech/i18n-react for managing translations.

Example usage:

import { useI18n } from "@jereztech/i18n-react";

export default function Footer() {
    const { t } = useI18n('Navigation');
    return (
        <footer className="container">
            <p className="float-end">
                <a href="#">{t('back-to-top')}</a>
            </p>
        </footer>
    )
}

License

This project is licensed under the GNU General Public License v3.0


Made with ❤️ by Jerez Tech

About

This repository provides a simple live demo showcasing the usage of @jereztech/i18n-react and @jereztech/react-elements in a React application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published