Introduction
This week I got my first pull request for release 0.3 merged. For this pull request, I had to design a page on the frontend of a site. This project actually interested me when I looked at it, basically it's a tool that detects if a message has any "profanity" or otherwise offensive language in it, using AI. The layout and design of their site was very visually appealing as well, taking advantage of react and tailwind CSS. I haven't worked on designing a full webpage for any of my hacktoberfest pull requests, so I thought this would be a fun and challenging issue to tackle.
The issue
Here is the link to the issue:
https://github.com/Swifty9/Maverick-AI/issues/57
For the issue, I was tasked with creating a 404 page for the website, IE. the page that displays if the user tried to navigate to an invalid route. This wasn't just a simple 404 page with just an error message, it needed multiple requirements, including a helpful error message, links to other sections of the site, animations, and an overall consistent design with the rest of the site. It required me to follow the sites design while also making it stand out as a proper 404 page. Needless to say I had a lot of fun working on this issue, since I like the project. At the end of the day I made a page that looked like this:
Completing the pull request
Once I designed this entire webpage, I created a pull request and informed the maintainer that I completed my issue. They were happy with my work and merged it with no issue. Here's the link to the pull request:
https://github.com/Swifty9/Maverick-AI/pull/88
Conclusion
Overall I am glad I was able to complete one of my two pull requests for release 0.3. This pull request was more challenging than the ones I worked on for hacktoberfest, as I had to not only design an entire page to fit a websites design, but it had to feature some new content. This pull request gave me more much needed practice working with react applications, and I am thankful for that. One more to go!
Top comments (0)