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)
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!
Verma, your suggestion was amazing and I appreciate that.
I added another counter to the header ✔
Thank you very much
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
Anna, thank you very much for Noticing That
I Corrected them
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!
Austin, thank you very much for Noticing That
Problem Solved ✔
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.
Shubham, thank you very much for noticing that
Problem Solved ✔
Excellent work.
thank you very much Kasun
Cool 😎
👏 👏 👏
Thank you very much ✔
Nice!
Thank you very much ✔
Really loved the cubic forms!!!
Thank you Gautam
So interesting good work ❤️
Thank you very much amor
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 :)
Thank you very much jane
The Sticker Shop it's almost a clone of flerbo.ir