DEV Community

Brayden W ⚡️
Brayden W ⚡️

Posted on

I'm a noob at ReactJS and made this 😅

Hi everyone!

A couple days ago I made a post saying that I was dropping my side-project. I wanted to open more paths for the future. One of the goals I wanted to accomplish was to learn ReactJS.

Over the past 24 hours, I've spent some time learning the fundamentals of React and made my first project using it.

It is a simple CRM (Customer Relationship Manager). In this, I displayed my knowledge of components, props, state management, and styling.

View it here: 👉 https://react-crmtool.netlify.app/

Github Repository: https://github.com/BraydenTW/simple-react-crm

Any feedback or ideas for what I should try next would be awesome.

Thanks again!


This post was orignally from me on Indiehackers. Check it out here: https://www.indiehackers.com/post/after-learning-react-for-the-past-24-hours-i-made-a-simple-crm-tool-02d26f1ef9

Oldest comments (57)

Collapse
 
hnrq profile image
Henrique Ramos

Congrats, man! it looks really nice on mobile! Good luck on learning React :D

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks so much!

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks for the support :D

Collapse
 
richardstark profile image
RichardStark

Great job man!It's so quick to accomplish such a demo. Welcome to React!

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks!

Collapse
 
abhisheknaiidu profile image
Abhishek Naidu

Is that Material-UI , you've used?

Collapse
 
braydentw profile image
Brayden W ⚡️

Nope, all styles made by myself :)

Collapse
 
valentinbcn profile image
Valentin

Looks really neat and clear ! congrats :D

It feels like it's mobile oriented so maybe you could try to make it more 'dektop oriented' aka fullscreen (media-queries and so ?) , hmmm and maybe you could look into animations too (?)

Have a nice journey by learning React ! :D

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks!

Collapse
 
link2twenty profile image
Andrew Bone

Very nice 4 unique components, with functions connecting them!

celebrate

If you wanted to expand on this adding an "are you sure?" modal popup on delete might be a nice touch!

Collapse
 
braydentw profile image
Brayden W ⚡️

Great idea! Thanks :D

Collapse
 
mis0u profile image
Mickaël • Edited

Nice work bro. For the security, you should put a required in JS and HTML because if I inspect the element and I delete required I can still submit it

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks. I'll work on that :)

Collapse
 
sriduh profile image
Sridhar

Mickael, I am just curious about how to do that. I am also a beginner in Web development.

Collapse
 
mis0u profile image
Mickaël

Hi Sridhar, I'm a php developer, I don't know React sorry

Collapse
 
romelmahmud profile image
romelmahmud

great job man. I am entering React world.. which CSS framework you use?

Collapse
 
braydentw profile image
Brayden W ⚡️

At the moment I just use plain CSS. Thinking of Tailwind :P

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

The one and only defect I could find.

Long names.
dev-to-uploads.s3.amazonaws.com/i/...

Collapse
 
braydentw profile image
Brayden W ⚡️

Yep, got to work on that 😅

Collapse
 
arunmurugan78 profile image
Arun Murugan

Nice UI

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks :-)