YOUTH FOR CHANGE

Elevate mental health awareness among youth with YOUTH FOR CHANGE – an empowering app delivering curated articles and resources for a healthier tomorrow."

Comment

Inspiration

YOUTH FOR CHANGE: Mental Health Awareness App

Inspiration

The inspiration for YOUTH FOR CHANGE emerged from a collective concern about the mental well-being of today's youth. Witnessing the increasing challenges faced by young individuals, I aimed to create an application that not only raises awareness about mental health but also provides valuable resources and support for those in need.The App also gives more details about suicide which is the leading course of deaths among the youths today.

What it Does

YOUTH FOR CHANGE is a Mental Health Awareness App designed to:

  • Provide curated articles on mental health from reputable sources.
  • Offer resources and information about mental health issues affecting the youth.
  • Promote positive well-being through educational content and support.

How I Built It

The project was built using the following technologies and methodologies:

  • React: As the core frontend framework, React allowed us to create a dynamic and responsive user interface.
  • Styled Components: Styling was implemented using Styled Components, ensuring a visually appealing and maintainable design.
  • API Integration: Axios was used to fetch data from the Newsi API, providing up-to-date articles on mental health.
  • Background Animation: Keyframes and gradients were employed for a visually engaging background animation.

Challenges I Ran Into

While developing YOUTH FOR CHANGE, we faced several challenges, including:

  • API Rate Limiting: Managing API rate limits posed challenges, and we implemented strategies to handle this limitation gracefully.
  • Animation Optimization: Fine-tuning the background animation for optimal performance across devices required careful adjustment of animation parameters.
  • Responsive Design: Ensuring a seamless experience on different screen sizes required the implementation of responsive design principles.

Accomplishments That I'm Proud Of

I am proud of the following accomplishments:

  • Successful integration of the Newsi API to provide relevant and timely content.
  • Implementation of a visually appealing background animation to enhance the user experience.
  • Positive user feedback and engagement with the mental health resources provided by the app.

What I Learned

Throughout the development of YOUTH FOR CHANGE, we learned valuable lessons in:

  • React development and component-based architecture.
  • Effective API integration and handling rate limits.
  • Utilizing Styled Components for modular and maintainable styling.
  • Balancing visual appeal with performance in background animations.

What's Next for YOUTH FOR CHANGE

Looking ahead, I plan to:

  • Expand the content offerings with additional features and resources.
  • Implement user feedback mechanisms to enhance user engagement.
  • Collaborate with mental health organizations to further support our mission. -Engage most people to make it possible for the youths to get mentors who will assist them accordingly.

Built With

Share this project:

Updates