/meme-generator-react

This is a web app that makes an API call to ge meme images, and uses React to display nad make memes, and bootstrap for styling.

Primary LanguageJavaScript

meme-generator-react


This is a project where I used bootstrap and React.js to build a meme generator.

Here's what I gained from the process:
- If you can't find the solution, hack it. Find some way to emulate the solution. (using outline-offset if i cant get the outline to stop hiding).
- Search high and low for the solution to your problems/bugs.
- Learned how to make an offcanvas component in Bootstrap 5
- Learned how to use bootstrap icons
- Learned how to put text over an image using CSS.
- I practiced making components in React and passed props through them.
- When debugging, do step-by-step run-through of the part of the code infected, and make sure each step is doing what it's intended to do.
- When problem solving and you need to ask google but you're unsure of how to form a question, slow down and think about a broader way to ask the question, or a broader way to ask for what youre looking for, take a step back or two from the exact words/explaination if needed to get a more general answer.
- And, if you're reading docs or extremely technical text, slow down and try to extract info from the material.
- If you need to go to an outside souce like stackoverflow for help with a complex problem, you may need to make a remake of the issue on codesandbox or codepen to help others understand and explain how to fix your problem. Explain as best as you can.

Outstanding problems:
- I couldn't figure out how to condistionally style my components based on a prop passed to it.
- Not sure how to make the entire site responsive.