WebDev Blog

  Live Demo Repo Do you like watching trailers of the hottest new movies? Then do I have the website for you! The biggest blockbusters! Family programs! Romance! Action! We have it all!  And the best part? It is all free. Come and watch all the hottest trailers right now! So...I love watching Netflix so I had a blast trying to create a clone. This demo was created using react and vanilla CSS. This project was deceptively easy because at the end of the day, it was all about consuming a third-party API and displaying the result.   I used react-carousel package to create the carousel when user is flipping through the movies. It took  awhile to configure it to look like the way I wanted it to using the documentation. I also used 'react-player' package to play the trailers when the user clicks on a movie poster. In summary, this was probably the most fun project I had the pleasure of building. The hardest part was making the website look visually attractive and user-friendly. I real

            This is a responsive e-commerce website I built with React and Nodejs. Users can browse, add goods to the cart, and checkout with a valid credit card number Live Demo    (you can use this test credit card #: 4242 4242 4242 4242)            Repo frontend           Repo backend                 First things first - creating a landing page        I wanted to spend some time making the marketing page look good because I felt like an ecommerce site should look as attractive as possible. Styling was done with vanilla css. I made sure this site was responsive using media queries.       Creating the backend   I didn't think I would need my own backend for this project but I couldn't find an API that fit the type of products I wanted to "sell". So I created my own. Two notable features I used are: JWT authentication and Stripe (to process the payment by customers). The backend is set up  so that users can login or checkout as guests and it will handle the payments