DEV Community

Cover image for 3 Project  that I made during my #100DaysOfCode Challenge
Arian Nargesi
Arian Nargesi

Posted on

3 Project that I made during my #100DaysOfCode Challenge

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)

Collapse
 
piyushverma001 profile image
Piyush Verma • 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!

Collapse
 
ariannargesi profile image
Arian Nargesi

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

Collapse
 
ara225 profile image
Anna Aitchison

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

Collapse
 
ariannargesi profile image
Arian Nargesi • Edited

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

Collapse
 
austinblade profile image
Austin Blade • 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!

Collapse
 
ariannargesi profile image
Arian Nargesi

Austin, thank you very much for Noticing That
Problem Solved βœ”

Collapse
 
shubhamporiya profile image
Shubham Poriya

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.

Collapse
 
ariannargesi profile image
Arian Nargesi

Shubham, thank you very much for noticing that
Problem Solved βœ”

Collapse
 
kasunkoswattha profile image
Kasun

Excellent work.

Collapse
 
ariannargesi profile image
Arian Nargesi • Edited

thank you very much Kasun

Collapse
 
max236 profile image
Mageshwaran

Cool 😎
πŸ‘ πŸ‘ πŸ‘

Collapse
 
ariannargesi profile image
Arian Nargesi

Thank you very much βœ”

Collapse
 
stokry profile image
Stokry

Nice!

Collapse
 
ariannargesi profile image
Arian Nargesi

Thank you very much βœ”

Collapse
 
gautamghai profile image
Gautam Ghai

Really loved the cubic forms!!!

Collapse
 
ariannargesi profile image
Arian Nargesi

Thank you Gautam

Collapse
 
sawsenhajamor profile image
haj amor sawsen

So interesting good work ❀️

Collapse
 
ariannargesi profile image
Arian Nargesi

Thank you very much amor

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

The projects are amazing. The sticker shop website is absolutely amazing. From the colors to the animations on hover. It is clean and professional.

Great job Arian. Just amazing :)

Collapse
 
ariannargesi profile image
Arian Nargesi

Thank you very much jane
The Sticker Shop it's almost a clone of flerbo.ir