GSoC 2022 | Score Lab | Week 4 | React Email project updates

Hi, welcome to the GSoC’22 Blogs Index 3 - the fourth blog of the series where I am documenting my complete journey as a contributor (Student Developer) from Day zero to the end date for Google Summer of Code 2022. Hope you will like the series, so let’s get started.

By the way, if you haven’t checked out the previous blog, then you can go through it here: Week 3 Blog

Today I’m going to share the work which I have done this week and the overall project updates from 4th July to 10th July (week 4, Sprint D).

CI-CD fix

We’re using GitHub Actions for our whole Continuous Integration and Continuous Delivery/Continuous Deployment pipeline. But we were facing some issues while publishing our scoped package to npm using automated workflow. Finally, after debugging and fixing the bug for the whole night, our package is now available publicly on npm (link). You can download and try it out (though we’re working on the documentation process).

Pull Requests: #54, #55, #56

Storybook Hosting

Initially, we chose GitHub Pages to host our static Storybook site. But then after some discussions, we have finalized to migrate the hosting to some other platforms like Netlify or Vercel.

Merged Pull Requests: #37 , #49 (some fixes)
Revert: #53

Finalize and complete the components

In my previous blog, I already mentioned that we were working on the components for our package. The Pull Requests were in the draft stage and those required few modifications and cleanups. This week, I restructured the component tree with updated props and advanced functionalities. Moreover, I have also updated all the stories for the component with the updated structure and use cases to add a visual representation of each component.

Here is the list of components:

1. Column and Section
   • Related issue: #39
   • Merged Pull Request: #46
2. Button
   • Related issue: #40
   • Merged Pull Request: #47
3. Link
   • Issue: #43
   • Merged Pull Request: #51
4. Divider
   • Issue: #44
   • Merged Pull Request: #52
5. Typography
   • Issue: #41
   • Merged Pull Request: #48
6. Image
   • Issue: #42
   • Draft Pull Request: #50

Apart from these, I’ve also opened a few more tickets which you can find on the Project Board: here

Tasks for the upcoming week:

• Set up an example app
• Implement text email generation utility based on Email templates
• Add JSDoc comments to the util functions and generate Docs
• Research into the usage of Docusourus
• Add Preheader component

Burndown chart for Sprint D

Average Burndown Graph

Also, don’t forget to drop a star on the project GitHub repo! ⭐

GitHub — leopardslab/react-email: react-email

You can connect with me on LinkedIn, also don’t forget to give this blog a clap if you have liked it.

Additionally, you can follow me on GitHub and Twitter, it will be appreciated.