A modern React application for searching and browsing images from Pixabay. Built with TypeScript, and Styled Components.
- 🔍 Search for images using Pixabay's API
- 🖼️ Browse and view high-quality images
- 🎨 Modern and responsive UI
- 🌐 Multi-language support
- 🧪 Comprehensive test coverage
- 🚀 Optimized build process
- React 19
- TypeScript
- Styled Components
- Vite
- Vitest
- ESLint
- Prettier
- Stylelint
- Husky
- Node.js (>=16.0.0)
- Yarn package manager
-
Clone the repository:
git clone https://github.com/fadihanna123/PixabayFinder.git cd PixabayFinder -
Install dependencies:
yarn setup
-
Start the development server:
yarn dev
-
Build for production:
yarn build
yarn dev- Start development serveryarn build- Build for productionyarn preview- Preview production buildyarn test- Run testsyarn lint- Run lintersyarn format- Format codeyarn type-check- Run TypeScript type checkingyarn ci- Run CI checks (lint, build, test)
src/
├── api/ # API related code
├── app/ # App configuration and setup
├── containers/ # Container components
├── functions/ # Utility functions
├── hooks/ # Custom React hooks
├── inc/ # Include files
├── styles/ # Global styles
├── tests/ # Test files
├── translations/# Internationalization files
├── types/ # TypeScript type definitions
└── ui/ # UI components
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Fadi Hanna - GitHub
If you encounter any issues or have questions, please open an issue on the GitHub repository.