In this blog post, I’m going to share how I did the project and share the resources that helped me finish this project. Let’s get into it!
Random quote generator
This project is based on the phase 1 front-end project from Moringa School.I chose that, because I just wanted something that simple to work with, since I’m still a beginner on JavaScript.As you can see above i named it Quotify.
At this point, I started planning the HTML markup,css styling and of course the JavaScript code. This was an important step that often overlooked by a lot of beginner developers. Writing a pseudocode really helped me write a better code. By writing a pseudocode, I didn’t need to care about the syntax (at least not yet).
Get Gladys Mungai’s stories in your inbox
Join Medium for free to get updates from this writer.
After the planning was done, it’s time to convert those pseudocode into real code, which brings us to the next step, development process.
Development
I wrote the html as well as the css style for the background i used an image from unsplash.
It’s time for the JavaScript. First, I searched for a free public API as my source for the code.I used the Quotable.io api. Here's the link to the code on my github. https://github.com/GLADYS-CODES/Phase-1-final-project/blob/c9aeba38f843cc3bbbbbc893b4e967b714dfd95c/script.js
And that’s it! I finished the app 😁.
Thanks for reading it till the end! I really appreciate that!
Also, any suggestions and comments would be appreciated!
