FM Gallery

A modern, responsive web application built with React and TypeScript for managing and displaying a gallery of content.

🚀 Features

• Modern UI with responsive design
• Masonry layout for gallery display
• State management with Redux Toolkit
• Type-safe development with TypeScript
• Styled with Tailwind CSS
• Toast notifications for user feedback
• Audio support with Howler.js
• Icon integration with Heroicons and React Icons

🛠️ Tech Stack

• Framework: React 18
• Language: TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• State Management: Redux Toolkit
• Routing: React Router DOM
• HTTP Client: Axios
• UI Components:
  • Heroicons
  • React Icons
  • React Responsive Masonry
• Notifications: React Toastify
• Audio: Howler.js

📦 Installation

1. Clone the repository:

git clone [repository-url]
cd fm-gallary

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

🏗️ Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build

🔧 Configuration

The project uses several configuration files:

• vite.config.ts - Vite configuration
• tsconfig.json - TypeScript configuration
• tailwind.config.js - Tailwind CSS configuration
• .eslintrc.cjs - ESLint configuration

🎨 Styling

This project uses Tailwind CSS for styling, providing a utility-first approach to building custom designs. The configuration can be found in tailwind.config.js.

📝 TypeScript

The project is built with TypeScript for better type safety and developer experience. TypeScript configuration can be found in tsconfig.json.

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.