Page MenuHomePhabricator

Outreachy Round 30: Proposal for ‘Central Notice Banner Wizard - Create a tool to simplify creation of mediawiki banners
Closed, DeclinedPublic

Description

Project : Central Notice Banner Wizard - Create a tool to simplify creation of mediawiki banners

About Me

My name is Ogunjimi Emmanuel, a passionate frontend developer with a strong command of HTML, CSS, JavaScript, and React.js. As demonstrated by my work on the Central Notice Banner Wizard - Create a tool to simplify creation of MediaWiki banners, I am driven to create intuitive and efficient web applications. While my primary focus lies on crafting engaging user interfaces, I also possess a foundational understanding of backend concepts, allowing me to appreciate the full development lifecycle. I am open to flexible scheduling to effectively collaborate with the team and meet project needs. I am eager to leverage my skills to contribute to the ongoing development and future enhancements of the Central Notice system

Problem Statements:

  • The current process for creating MediaWiki banners can be complex and may lack intuitive customization and real-time preview capabilities.*
  • A more user-friendly tool is needed to simplify banner creation, enhance accessibility, and provide immediate visual feedback during the customization process.

Mentor: @Michelle Horsey @ Elliott Eggleston

Deliverables:

  • Developed a web application tool to simplify the creation of MediaWiki banners, featuring a live editor for dynamic customization. ✔️
  • Created a user-friendly interface with a focus on accessibility and ease of use for banner customization. ✔️
  • Implemented core features enabling users to customize various banner elements with a live side-by-side preview. ✔️

Implementation Details :

  • React.js: For building the dynamic and interactive user interface.
  • Tailwind CSS: For styling the application with a focus on responsiveness and customization.
  • Vitest: For testing the application's functionality and reliability.

Proposed Future Work:

  • Expanding Banner Templates: Contribute to the design and implementation of a diverse range of customizable banner templates.
  • Further Technical Contributions: Offer support and development for other technical aspects related to the Central Notice system.
  • UI/UX Enhancement: Continuously refine the user interface and user experience based on feedback and usability principles.

Current Status of the Project:

The Banner Designer tool is currently a functional web application featuring a live editor for dynamic banner customization. The codebase is accessible on GitHub at https://github.com/Eogunjimi/interactive-banner-designer. Future development will focus on implement a customizable element for advance banner design, See's this has opportunity for me keep solving more problems and getting more prepared.

Additional Tasks of Interest:

  • Assisting in the evaluation of existing Central Notice banner designs and best practices.
  • Contributing to the understanding and incorporation of user requirements for banner creation.
  • Contributing to other related technical task from Central Notice

Collaborative Development Timeline:

This outlines the planned milestones for my contributions to the Central Notice Banner Wizard project over the next 13 weeks, to be further refined in collaboration with my mentor.
WeeksDescription?
Week 1-2:Getting Grounded and Initial Setup
Week 3-5:Core Task Implementation - Phase 1
Week 6-8:Core Task Implementation - Phase 2
Week 9-11:Refinement, Testing, and Documentation
Week 12: 13Final Touches and Wrap-up
Week 1-2: Getting Grounded and Initial Setup
  • Really understanding the project inside and out – the goals, what's already been done, and the roadmap ahead.
  • Setting up my development environment and getting familiar with any necessary tools and technologies.
  • Tackling any initial "getting started" tasks and making sure I'm contributing to the project early on.
  • Aiming to have a basic understanding of the codebase and the main areas I'll be working on.
Week 3-5: Core Task Implementation - Phase 1
  • Focusing on the first set of core tasks identified for the project.
  • Writing code, testing it thoroughly, and making sure it integrates well.
  • Regularly sharing my progress and getting feedback.
  • Aiming to have a tangible, working piece of the project completed.
Week 6-8: Core Task Implementation - Phase 2
  • Moving on to the next set of important tasks, building on what I've already done.
  • Potentially tackling more complex features or addressing specific challenges.
  • Continuing with rigorous testing and feedback integration.
  • Aiming to have another significant part of the project completed.
Week 9-11: Refinement, Testing, and Documentation
  • Dedicated time for polishing the work done so far – fixing bugs, improving performance, and ensuring everything is stable.
  • Writing clear and helpful documentation for the parts of the project I've worked on.
  • More in-depth testing and potentially working with others on integration testing.
  • Aiming to have a well-documented and robust contribution.
Week 12 - 13: Final Touches and Wrap-up
  • Addressing any remaining issues and making final improvements.
  • Contributing to any final documentation or project wrap-up tasks.
  • Preparing a summary of my work and what I've learned during the internship.
  • This is just a broad outline, and the specific tasks for each week will depend entirely on the actual project. I'm really eager to get into the details with you and create a more concrete plan once the project is clear.

I want to assure my mentor that I'm fully committed to making the most of this opportunity and contributing meaningfully to the project. I'm ready to dedicate the necessary time and effort to make this a successful internship.