React Hello

Inspiration

I just wanted to make a small ReactJs application

What it does

This is a simple hello application. By clicking on the rotating icon in the center, you can find a form. Enter your name and submit to find a key. Click on the key to unlock the chest to find meme images.

How we built it

I build it with ReactJs, HTML, and CSS. I used VS Code as my IDE. I also used the Udemy course for ReactJs by Maximilian Schwarzmüller. Using what I learned from half of this course, I created this simple hello application.

Challenges we ran into

The main problems that I ran into was rendering the components. Since some of the components depended on each other to be rendered I was creating many React states that giving me unnecessary errors. So I decided to restart the component and try using less states in locations where I needed them.

Accomplishments that we're proud of

With the css I learned from Udemy courses and the couple of weeks of learning ReactJs, I have made a small projects. I was able to complete this project within a couple of days. I visualized the problems, then tracked down the errors, and then fixed the error. I am happy with the simple application I made.

What we learned

This application tested if I could apply the React Hooks that I learned in the first couple sections of the Udemy course

What's next for React Hello

I am going to continue learning more ReactJs and implement other functionalities. Right now the memes are generated with the images in the file, but later I want to use HTTP requests and ReactJs to get a greater variety of meme images.

Built With

• css
• html5
• javascript
• react