RoboFriends is a web application developed as part of my journey in web development. This minimalist React.js project seamlessly integrates external APIs—specifically, JSONPlaceholder for user information and RoboHash for user images.
- API Integration: RoboFriends fetches user data from JSONPlaceholder and user images from RoboHash, ensuring an effective presentation of diverse information
- Tachyons Styling: The application embraces the simplicity and efficiency of the Tachyons framework, resulting in a clean and modern design that prioritizes functionality.
- Responsive Design: RoboFriends is responsive adapting seamlessly to various screen sizes, including tablets and phones. The user interface remains consistent and intuitive across all platforms.
- Search Functionality: The application features a focused search capability, allowing users to efficiently filter robot cards by name. The fixed search bar ensures a persistent and accessible search experience.
- Dynamic Card Rendering: Utilizing the create-react-app package, RoboFriends renders only the cards pertinent to the search content. The display adjusts dynamically based on screen width, enhancing the overall user experience.
React.js: This project showcases my experience in React.js development, a versatile JavaScript library known for creating responsive and interactive user interfaces. JavaScript/JSX: The codebase adheres to industry standards, employing JavaScript and JSX to implement a structured and efficient React.js application.
Live Demo: https://archeana.github.io/robofriends/
GitHub Repository: https://github.com/archeana/robofriends/