https://github.com/jereztech/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.
https://github.com/jereztech/store-react-demo
i18n-react react-elements
Last synced: 4 months ago
JSON representation
This repository provides a simple live demo showcasing the usage of @jereztech/i18n-react and @jereztech/react-elements in a React application.
- Host: GitHub
- URL: https://github.com/jereztech/store-react-demo
- Owner: jereztech
- Created: 2025-02-27T21:05:19.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-27T21:26:44.000Z (12 months ago)
- Last Synced: 2025-10-14T17:08:41.477Z (4 months ago)
- Topics: i18n-react, react-elements
- Language: TypeScript
- Homepage: https://jereztech.github.io/store-react-demo
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Store React Demo
This repository provides a simple [live demo](https://jereztech.github.io/store-react-demo) showcasing the usage of [@jereztech/i18n-react](https://github.com/jereztech/i18n-react) and [@jereztech/react-elements](https://github.com/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:
- [Node.js](https://nodejs.org/) (v18+ recommended)
- [pnpm](https://pnpm.io/) or [npm](https://www.npmjs.com/)
## Installation
Clone the repository and install dependencies:
```sh
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:
```sh
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:
```tsx
import { useI18n } from "@jereztech/i18n-react";
export default function Footer() {
const { t } = useI18n('Navigation');
return (
)
}
```
## License
This project is licensed under the **GNU General Public License v3.0**
---
Made with ❤️ by [Jerez Tech](https://jereztech.com)