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

Arian Nargesi @ariannargesi

About: I'm a front-end developer

Joined:
Mar 31, 2020

3 Project that I made during my #100DaysOfCode Challenge

Publish Date: Sep 30 '20
79 22

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.

Comments 22 total

  • Austin Blade
    Austin BladeSep 30, 2020

    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
      Arian NargesiOct 1, 2020

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

  • haj amor sawsen
    haj amor sawsen Sep 30, 2020

    So interesting good work ❤️

  • Stokry
    StokrySep 30, 2020

    Nice!

  • Anna Aitchison
    Anna AitchisonSep 30, 2020

    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
      Arian NargesiOct 1, 2020

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

  • Gautam Ghai
    Gautam GhaiOct 1, 2020

    Really loved the cubic forms!!!

  • Orim Dominic Adah
    Orim Dominic AdahOct 1, 2020

    All the best in getting that job!

  • Mageshwaran
    MageshwaranOct 1, 2020

    Cool 😎
    👏 👏 👏

  • Piyush Verma
    Piyush VermaOct 1, 2020

    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
      Arian NargesiOct 1, 2020

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

  • Kasun
    KasunOct 1, 2020

    Excellent work.

  • Shubham Poriya
    Shubham PoriyaOct 1, 2020

    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.

    • Arian Nargesi
      Arian NargesiOct 1, 2020

      Shubham, thank you very much for noticing that
      Problem Solved ✔

  • Jane Tracy 👩🏽‍💻
    Jane Tracy 👩🏽‍💻Oct 1, 2020

    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 :)

    • Arian Nargesi
      Arian NargesiOct 1, 2020

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

Add comment