Skip to content

Idris balogun assessment#7

Open
idbalorg wants to merge 6 commits intosubmitfrom
idris-balogun-assessment
Open

Idris balogun assessment#7
idbalorg wants to merge 6 commits intosubmitfrom
idris-balogun-assessment

Conversation

@idbalorg
Copy link
Collaborator

Overview:
This PR introduces several key features to the app:

  • Home Page: A welcoming front page has been added with an introduction to the app, an image, and a link to the main app page. This page is styled using CSS modules for a clean, modern look.
  • Counter Component: The counter functionality is implemented with increment, decrement, and reset features. It utilizes Context API and the useReducer hook for state management.
  • Quote Generator: A quote generator component has been added, which fetches random quotes from a public API and displays them on the app.

Styling:
All components (Home, Counter, Quote Generator) are styled using CSS modules to ensure a consistent and modular approach to the layout.

Key Changes:

  • Added a front page with an introduction, image, and link to the app.
  • Implemented the counter with increment, decrement, and reset functionalities.
  • Integrated a quote generator that fetches random quotes from a public API.
  • Applied CSS modules to style all components.

Next Steps:

  • Test the quote generator and counter components to ensure all functionalities work as expected.
  • Review the CSS styles for responsiveness and consistency.

Related Issues/Tasks:

  • (If applicable, link any related issue numbers here)

…ality, and quote generator

- Created a home page with an introduction, image, and link to the app using CSS modules.
- Implemented a counter component with increment, decrement, and reset functionalities using Context API and useReducer.
- Built a quote generator component that fetches random quotes from a public API.
- Styled all components using CSS modules for consistent layout and user experience.
@iDev10
Copy link
Collaborator

iDev10 commented Jan 27, 2025

Great work! Looking forward to seeing the project.

…ations

- Removed quote generation logic as API key acquisition was unsuccessful.
- Implemented a news search feature using the NewsAPI.
- Added accessibility improvements (ARIA attributes, focus styles).
- Enhanced UI with responsive and visually appealing components.
- Improved error handling and loading states.
- Added the Dilliva logo to the navigation bar.
- Wrapped the logo in a `NavLink` to navigate back to the home page.
- Applied styling for the logo, including size adjustment and a hover effect.
- Ensured WCAG-compliant contrast and focus styling for accessibility.
- Added `useEffect` to fetch news about Nigeria when the component mounts.
- Refactored `fetchNews` to accept a dynamic search query with "Nigeria" as the default.
- Prevented empty search submissions to improve user experience.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants