I made a react component generator app using react

Arian Nargesi — Wed, 18 May 2022 12:51:12 +0000

In this post I'm going to show you guys an open source project that I made using React to help react developers and myself :)

Motivation

Every time I wanted to work on a personal project without any design file, the process of finding the best UI tone was a real struggle. Plus since I work on a laptop without any extra monitors I didn't have good feelings when I had to constantly switch between the editor and the browser to see the results. This was my motivation to create this project.

What is quick component?

This website speeds up your component creation process and allows you to spend less time writing code for the UI of your react component so you can move quickly to work on the logic of your component

How to use it?

for now, I only support basic HTML elements like buttons, div, and some more HTML elements. You can apply styles to these items and see the effect instantly to find what is right for you and when you are happy with your component you can download codes with custom configurations in a zip file or you can copy the code from the browser

This project definitely has some flaws. I'll try to fix them in the future. but what I currently have is good enough for me.

Note: This website is not optimized for mobiles
Quickcomponent.io
Github

Available features:

Support for typescript and JavaScript
Support to CSS and SASS
Support adding custom props
Support for adding a empty text file in the downloaded file
Support for importing 5 hooks into your script
And more ...

I can definitely add more feature to it Like:

Support for adding image
Support for explore and trying different fonts
Support for selecting from a list of predefined components
Support for custom CSS roles
Support for React Native and pure HTML/CSS

What do you think?
What feature do you like to have?

I'm waiting for your amazing feedbacks

3 Project that I made during my #100DaysOfCode Challenge

Arian Nargesi — Wed, 30 Sep 2020 18:58:45 +0000

I was a freelance web developer for more than 1 year.

During that time I work on multiple WordPress|Express.js projects with clients from different countries. but freelancing It did not suit me and It did not meet my expectations. so I decided to land a full-time job in the field of Front-end development.

But with no work experience, how employers can trust me?
I thought if I have multiple cool and crazy projects, that Increases the chances of getting a job.

in this post, I wanna show you 3 projects that I made during my #100DaysOfCode Challenge. so stay with me

1-Scream Master

This one, it's the crazy one.
basically, you should pass the ball from Barrier, but you cant use your keyboard or any button. instead, you should do this with your voice.
it's crazy ha?
This is a voice-based game developed using vanilla javascript. it listens to your voice and detects your sound level and based on that, determine the ball position on the screen.
I encourage you, for the best gaming experience, play this game on google chrome or Firefox web browser, and don't forget to allow to the browser to use your microphone
Play it here
Source Code

2-Cubic Forms

I don't know why I made this. but the idea behind it was fascinating. imagine you have multiple forms on your page and all of them come together on a single cube and you can navigate to each side of that cube
When I wrote the code and implemented the idea, I thought it might be a good idea to provide a hinting system for users. so added another cube that helps the users to fill the forms correctly.
This project is written with react and typescript and context API for state management.
Demo
Source Code

3-Sticker Shop

Note: this project it's a clone of flerbo.ir.
This is a simple shopping site. when started this project, I had absolutely had no experience with react.js and I wanted to figure things out on my own so I wrote all components (except the carousel) from the scratch.
Demo
Source code

what do you think? please tell me in the comment section.

ps: I use a lot of "I" in this post. sorry about that.
ps: I am going to apply for a job so wish me luck.

Forem: Arian Nargesi