Project-Project banner

Project-Project

Created by: Sim Dev
13 devlogs
27h 59m 48s

With Project-Project, I gained my first hands-on experience with React. The goal was to learn the basics step by step and apply them right away.
To do this, I developed several small mini-projects, each focusing on different concepts. At the begi…

With Project-Project, I gained my first hands-on experience with React. The goal was to learn the basics step by step and apply them right away.
To do this, I developed several small mini-projects, each focusing on different concepts. At the beginning, the main focus was on understanding components and building them cleanly. After that, I explored state management, particularly useState, and later also events like onChange as well as useEffect.
So the project isn’t a single application, but rather a collection of various small projects that helped me better understand React and apply my knowledge in practice.

This project uses AI

I had AI (Gemini) generate some of the design code (CSS); my goal for this project was to learn React and not get bogged down in design work for hours on end

Demo Repository

README

Loading README...
Sim Dev
Sim Dev worked on Project-Project
20 days ago
0h 47m logged

In the devlog, I fixed all the bugs in the 5th project and made the CustomBtnModal easier to understand

Attachment
0
Sim Dev
Sim Dev shipped Project-Project
20 days ago

Shipped this project!

Hours: 27.2
Cookies: 🍪 167
Multiplier: 6.15 cookies/hr

Hello,

I have submitted the project “Project-Project”. It is a learning project that I developed while familiarizing myself with React.

In the process, I put basic concepts such as components, state management (useState), events (onChange), and initial approaches using useEffect into practice.

Even though this is partly a learning project, I would really appreciate a fair evaluation and feedback.

Thank you very much!

Sim Dev
Sim Dev worked on Project-Project
20 days ago
0h 48m logged

Finally, I programmed a modal for the custom button, made some general improvements to the CSS, and wrote a ReadMe

Attachment
0
Sim Dev
Sim Dev worked on Project-Project
20 days ago
3h 24m logged

In this devlog, I’ve made a few more design tweaks and fixed some bugs. I’ve also programmed a modal that appears the first time the project is launched and provides information.

Attachment
0
Sim Dev
Sim Dev worked on Project-Project
22 days ago
3h 45m logged

Next, I turned my attention to the design of the entire “ProjektProjekt” project and decided to adopt the design style from my fifth project for the whole project.

Attachment
Attachment
0
Sim Dev
Sim Dev worked on Project-Project
23 days ago
3h 17m logged

I built a simple weather website to understand APIs in React

Attachment
0
Sim Dev
Sim Dev worked on Project-Project
24 days ago
3h 18m logged

My eighth small learning project is a simple countdown timer built with React. You can start, pause, and reset the timer, choose from preset times like 1, 5, 10, 15, or 25 minutes, set a custom time in minutes and seconds, and watch a progress bar that changes color as the time runs out.
My ninth small learning project is a basic calculator also built with React. It supports addition, subtraction, multiplication, and division, has a +/- sign toggle and a percent button, shows the current expression above the result, and handles edge cases like division by zero.

Attachment
Attachment
0
Sim Dev
Sim Dev worked on Project-Project
about 2 months ago
1h 47m logged

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
Sim Dev worked on Project-Project
about 2 months ago
4h 7m logged

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
Sim Dev worked on Project-Project
about 2 months ago
1h 50m logged

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
Sim Dev worked on Project-Project
about 2 months ago
2h 8m logged

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
Sim Dev worked on Project-Project
about 2 months ago
1h 25m logged

I programmed the second Project: a simple Card Component

Attachment
0
Sim Dev
Sim Dev worked on Project-Project
about 2 months ago
0h 44m logged

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

0
Sim Dev
Sim Dev worked on Project-Project
2 months ago
0h 33m logged

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

Attachment
0