Here’s the translation:

📹 Demo

Watch a video demonstrating the application opening for each company and selecting a filter:
Watch the demo

🚀 Technologies Used

This project was built using the following technologies:

• Next.js (latest) - React framework for server-side rendering and static site generation.
• React (latest) - JavaScript library for building user interfaces.
• React DOM (latest) - React package for working with the DOM.
• Tailwind CSS (^2.2.19) - Utility-first CSS framework for styling.
• TypeScript (^4.4.4) - JavaScript with static typing.
• ESLint (^7.32.0) - Linter for JavaScript and TypeScript.
• Prettier (^2.4.1) - Code formatter.
• Jest (^27.3.1) - Testing framework.
• Testing Library (^12.1.2) - Testing utilities for React components.

🔧 Future Improvements

If I had more time, I would focus on the following improvements:

• Performance Optimization: Improve loading time and application efficiency.
• Code Refactoring: Improve code readability and maintainability.
• Documentation: Create detailed documentation to facilitate integration and understanding of the project.
• Responsiveness: Enhance the interface for better usability across different screen sizes.
• Security Improvements: Implement additional security measures to strengthen the application.
• Test Coverage: Increase unit and integration test coverage.
• Automated UI Tests: Implement Cypress for end-to-end automated testing.

📜 Scripts

To run the project, use the following scripts:

# Start the development server
npm run dev

# Run tests with Jest
npm run test