React Zustand Vite Template

This is a template for a React project using Vite and some other libraries like Zustand, React Router, React Query, Axios, React i8next, and Tailwind CSS.

LINK DEMO

• Email: Any correct email
• Password: Any text

Installation

1. Clone the repository

git clone https://github.com/binhtruong9418/react-zustand-template.git

2. Install dependencies

cd react-zustand-template
npm install

3. Start the development server

npm run dev

Build and run the production server

npm run build
npm run preview

Features

• Responsive layout
• Login, register, and forgot password pages
• Protected routes
• Multi-language support
• Config for Axios, React Query, and Zustand

Technologies

• Vite
• React
• Zustand
• React Router
• React Query
• Axios
• React i18next
• Tailwind CSS
• React Hook
• React Icons
• Antd

Template structure and notes

• src/assets: contains images, icons, and styles
• src/components: contains shared components
• src/api: contains Axios configuration
• src/helper: contains helper functions
• src/config: contains configurations like routes, languages, Zustand store and constants
• src/layouts: contains layout components
• src/pages: contains page components
• .env.development: contains environment variables for development
• .env.production: contains environment variables for production

ENJOY!

CREATED BY BINH TRUONG - 24/04/2024