3 Project that I made during my #100DaysOfCode Challenge

#react #javascript #typescript #showdev

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.

Top comments (22)

Piyush Verma • Oct 1 '20 • Edited

That last one the shopping site is a really cool work! I have one little suggestion, if you add a counter over the cart icon that displays number of items in the cart that would make it little better user experience!

Arian Nargesi • Oct 1 '20

Verma, your suggestion was amazing and I appreciate that.
I added another counter to the header ✔
Thank you very much

Anna Aitchison • Sep 30 '20

Nice Really impressed with the shopping site. No offense though, if you're going to show this off to employers, there are two typos that might be worth fixing. Fallow us on instagram should be Follow us on Instagram and Customers Service should be Customer Service

Arian Nargesi • Oct 1 '20 • Edited

Anna, thank you very much for Noticing That
I Corrected them

Austin Blade • Sep 30 '20 • Edited

Nice job! Just wanted to give a heads up that the “best selling products” component in your sticker shop isn’t formatting well on mobile and it causes the horizontal scroll to be weird. Site looks great though!

Arian Nargesi • Oct 1 '20

Austin, thank you very much for Noticing That
Problem Solved ✔

Shubham Poriya • Oct 1 '20

Hey your website is very intuitive and well designed. Impressed with that. Though the only suggestion is that it should be 'cart' instead of 'card' everywhere on 'add to card' button as well as in the cart itself.