We’ve accomplished a lot on Phase 4, but here are a few of our recommendations for Phase 5.
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.
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.
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>
Strapi was mentioned and suggested from Phase 3. Strapi is a flexible, open-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.
We attempted a custom payment flow by utilizing Stripe. However, due to time constraint, we have set Donorbox for donations.
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.
Feel free to fix any bugs you may come across! 🥷🏽