My first React Project banner

My first React Project

7 devlogs
12h 36m 40s

My first React Project

Sim Dev

My sixth small learning project is an order manager where you can enter a name, choose how many items you want, select pickup or delivery, see everything in a list, and delete entries again.

Attachment
Attachment
0
Sim Dev

My next project is a counter that allows a number value to be changed. The counter can be increased or decreased using plus and minus buttons. An input field lets the user set the step size. In addition to fixed action buttons with different math operations, users can create their own buttons, give them a name, and assign custom actions.

Functions:

  • Increase and decrease the counter (+ / -)
  • Set the step size using an input field
  • Action buttons like +10, -10, ×10, ÷10, Random
  • Create custom buttons
  • Give buttons a custom name
  • Custom actions (e.g. ×66, ÷23, +7)
  • Dynamically add and use created buttons
Attachment
Attachment
0
Sim Dev

In this devlog, I completed my fourth project: a random colour generator in RGB.
The application generates random colours, displays the currently generated colour in large format, and allows you to copy the RGB value directly.

Attachment
0
Sim Dev

I programmed my 3 Project.

In my third project, I developed an interactive React application that displays person cards with details like name, age, and driver’s license status. Clicking a card dynamically toggles a detailed description on and off using conditional rendering. Additionally, users can permanently remove individual cards by updating the person array via React state.

0
Sim Dev

I programmed the second Project: a simple Card Component

Attachment
0
Sim Dev

Today, I’m programming so that you can now switch between projects by clicking the buttons.

0
Sim Dev

Just built my first-ever React site. Keeping it simple for now, but I’m finally starting to understand how components work.

Attachment
0