Check out these cool web apps, built with SvelteKit, ReactJS, and VanillaJS! Developing web apps has been one of my favorite hobbies.
If you find a certain project interesting, you may visit the post’s link for the video and demo link. Have fun!
ReactJS Project: BEAMAZEDD SHOP
This is an e-commerce platform like Amazon or eBay where you can pick a product, add it to your cart, and finally pay or have it delivered to your home. In this project, I used fake money just to make things working, and thus, no delivery. So, it’s easy to convert and make it into a real platform. After logging in as admin, he/she can control users, products, and orders easily in this website.
Check out this post for demo, repo, and for more info.
Vanilla JavaScript Projects
1. Task List
A simple web app where you can add, delete, clear, and filter your tasks. Built with local storage so your tasks won’t get lost on page refresh and you can get back to it anytime. This can also be used as a widget for bigger applications.
Check out this post for demo, repo, and for more info.
2. Loan Calculator
Save time calculating your monthly payment, your total loan payment, and the total interest you have to pay using this loan calculator.
Check out this post for demo, repo, and for more info.
3. Booklist
A web app where you can add your books to the list. I made 2 versions for this project: one for ES5 (prototypes) and another for ES6 (classes). This has also been my practice for Object-Oriented Programming in Vanilla JavaScript.
Check out this post for demo, repo, and for more info.
4. Github Finder
Peek GitHub user’s profiles, number of repos, number of gists, number of followers, number of following, user’s full name, company name, website/blog, location, membership date, their latest repos, each repo’s number of stars, watchers, and forks.
Check out this post for demo, repo, and for more info.
5. WeatherJS Widget
Know the current weather, humidity, pressure, temperature, and wind speed in your city with this cute weather widget!
Check out this post for demo, repo, and for more info.
6. TraCalorie
Track your calorie intake with this web app! I’m also growing heavier because of this pandemic, so I’m pretty sure that this app would be really helpful for you, too:)
Check out this post for demo, repo, and for more info.