We’ve accomplished a lot on Phase 4, but here are a few of our recommendations for Phase 5.

Review the Design Page Again

There are some sections not added due to sudden changes on the last week of the sprint. They should be easier to build, as we have utilized React.

General & Responsive Styling

While it is responsive, there are some elements that doesn’t match with the Design file on Figma. Particularly with font sizing, spacing between the header and text, and line spacing.

Continue Slowly Move Out of Bootstrap Styling

While Bootstrap is easy to use, it's not so easy to customize. Some components will require you to use !important, which is not ideal when creating CSS. Most importantly, having to override the default styles of Bootstrap is just like having to create your own CSS from start and things do get messy.

<aside> 👀 The Navigation Bar may need attention.

</aside>

Add Strapi CMS

Strapi was mentioned and suggested from Phase 3. Strapi is a flexibleopen-source headless CMS that gives developers the freedom to choose their favorite tools and frameworks while also allowing editors to easily manage and distribute their content.

We weren’t able to implement Strapi because our goal was to utilize reusable components.

Research and Continue to Work on Stripe Integration

We attempted a custom payment flow by utilizing Stripe. However, due to time constraint, we have set Donorbox for donations.

Events Page

Events Page was something we had in mind where the website have a customized event page where it shows the events on the stay connected page.

Continue to Hunt for Bugs

Feel free to fix any bugs you may come across! 🥷🏽