This project was created as part of a technical interview assignment. The goal was to demonstrate proficiency in frontend development, specifically with React.js, Redux, TypeScript, and Sass. The task was completed on February 12, 2024.
The requirements were as follows:
- Display data.
- Implement search functionality by name or car model.
- Use the specified technology stack: React.js, Redux, TypeScript, and Sass.
Ensure you have the following installed:
- Node.js >= 20.3.1
npm
-
Clone the repository:
git clone https://github.com/dmaximyuk/search-engine cd search-engine -
Install dependencies:
npm i
-
Start the development server:
npm run dev
-
Open the application in your browser at:
http://localhost:3000
This project utilizes:
- React.js, Redux, Redux-Saga and Redux Toolkit: For building the user interface.
- TypeScript: To ensure type safety and better developer experience.
- Sass: A CSS preprocessor for structured and maintainable styles.
- Vite: For a fast and efficient development build process.
src/
├── store/ # Global storage
├── routes/ # Routing structure
├── styles/ # Global and component-specific styles
├── translations/ # All text translations are here
├── uikit/ # Reusable components assembled from style-guides
├── components/ # Components assembled from UIKit
├── core/ # SPA Pages
└── hooks/ # Custom hooks
Implemented features:
-
Data Display:
- Fetched data from an API and displayed it in a clean, structured format.
-
Search:
- Implemented a search bar to filter results by name or car model.
The application has been deployed and is accessible at: Deployment Link.
If you have any questions, feel free to reach out:
- Email: [email protected]
- Telegram: https://t.me/d_maximyuk
- GitHub: https://github.com/dmaximyuk
Note: This test assignment was created solely for demonstration purposes and is not intended for commercial use.