What You’ll Be Creating With Firebase, creating real-time social applications is a walk in the park. And the best thing about it: you don’t have to write a single line of server-side code. In this tutorial, I’ll show you how to leverage Firebase UI to create a group chat app you can share with your…
DetailsNo matter what type of website you own or manage, you probably need a contact form. The contact form can help your visitors request a quote, ask for information, or share any tips or problems they’re facing while using your website. In this tutorial, our focus will be on creating a fully functional contact form…
Details
https://design4users.com/web-design-concepts-3d-graphics/
In part 1, we explained how to use a monthly recurring revenue (MRR) model to grow your web design business. In this second part, we’ll explain how to use proven sales techniques to keep scaling your business profitably. If you’re an agency owner, you know that you need customers to grow. No matter how big…
Details
DaVinci Resolve is the go-to video editing software for most professionals. High-quality editing tools, color correction, audio post-production tools, and the ability to use the software for free convinced more people to switch to DaVinci Resolve. Now, there’s one more reason to use DaVinci Resolve— templates! Thanks to its massive growth, the community around the…
Details
This is a workshop I wrote when frustrated with the lack of beginner-friendly documentation and simple code examples for GPU shaders. The topics include fragment shaders (GLSL), procedural texture generation, rasterization, lighting calculations, and real-time ray tracing. The workshop consists of five interactive mini-projects targeted at helping people learn how to write shaders while introducing cool techniques in graphics!Any and all feedback is appreciated. I used Vite (a “next-generation” bundler) and implemented some hot module reloading functionality to make this workshop especially seamless – you can try editing a shader and see the changes immediately, without any refresh. Modern web development tools rock. 🙂
Details
https://dribbble.com/stories/2021/04/14/win-more-freelance-graphic-design-clients
https://www.webdesignerdepot.com/2021/04/9-tips-for-better-live-logo-design/
Whenever you sit down to code, you think the code snippet manager is right for you? You are not alone. code editors are a key part of programmers’ workflow, and the choice completely depends on requirements. In case you are still wondering, we got you covered as we go through a list of premium code…
Details
Last month, I made a simple project which got spread in various tech communities and social media. On Github, It reached from 0 to 4k+ stars and 200+ forks within 7 days. Github featured it in Trending repositories of day section for straight 5 days or so.Some of you might remember 🙂 this was the project:Trending on Github – 13 Mar’21Clone Wars70+ open-source clones or alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, etc. List contains source code, demo links, tech stack, and, GitHub stars count.Project link: https://gourav.io/clone-warsGithub link: https://github.com/gorvgoyl/clone-warsMotivation behind this projectI usually lurk in programming subreddits like webdev, reactjs, etc. to see what other devs are building or if any new JS framework is popping up. I noticed many devs were making clones of popular sites like Instagram, Trello, Spotify, etc. as part of their learning purpose, and they were sharing it with others to get feedback in terms of code quality and best practices.These clones were scattered all over the communities. So, I thought why not create a single list of all these clones which people can bookmark and revisit later for whatever purpose they need it for. Honestly, I wasn’t entirely sure at that time whether it would provide any good value to others or not. So, there was a way to find out that is to build it myself!How I built it1. Scrapping RedditI wanted to get all posts that contain the “clone” keyword. I initially did it with default reddit search reddit.com/r/reactjs/search/?q=clone&source=recent&restrict_sr=1&sort=new, (means look for all posts in reactjs subreddit with “clone” keyword and sort by new). It returned all posts, but that also included low-quality posts with 0 upvotes, questions on how to build a specific clone, etc. It would be a headache figuring out good clone projects from that dump. So, I used redditsearch.io instead, which provides advanced Reddit filtering like return posts that have at least 10 upvotes, posted during a specific timeline, etc.Next, I made a list of all these clones, their Github repo, demo links, tech stack. It was manual work.Additionally, I googled “open-source alternatives” and found some fully-functional clones of Slack, Airtable, Bit.ly, Evernote, Google analytics, etc. I added these to the list.So, now there are 2 kinds of projects on the list. The first ones look quite similar (UI-wise) but aren’t fully-functional and the other ones which are fully-functional but UI is different (to avoid copyright issues, etc).BTW, I named my project after Star Wars 2008 TV Series: “The Clone Wars” and also kept the similar color scheme of OG image.2. Pretty view of tableI needed to make it look better (sticky header) which meant I needed to deploy this project somewhere else. I still needed it to be on Github so that others can collaborate easily. I decided to host it on my personal site https://gourav.io.My site is built using NextJS, and I was already using markdown (mdx) to write blog posts, so it was just a matter of copy-pasting markdown file from my Github project to new page https://gourav.io/clone-wars. And on top of it, I use Tailwind CSS with “typography” plugin which makes tables pleasing to read along with other text.I thought of automating it to the next level i.e. if any change happens to the Github project or someone’s PR gets merged, update the same on my site https://gourav.io/clone-wars. But, decided not to over-engineer it as changes weren’t that frequent.Making it ViralI posted in 2-3 relevant subreddits and it took off 🚀After effectsOnce the project gained some popularity many developers started raising PR to add their clone projects to the list. When I started it had around ~75 clones, but now it’s more than 120+ and I still get new PR every now and then.I got to know from a friend that it was picked by React Newsletter. Such a serendipitous moment.People were tweeting about Clone Wars. nickbulljs tweeted a neat idea for devs who are looking to get hired.I got 150+ new followers after this tweet :oAnd one person donated $5 from BuyMeACoffee link I put on the project. Love you stranger.Within 30 days of launch, 40k+ people came to my personal site and viewed my project (80k+ views).You can see users insights at the end of the article on my blog.I know it was a long read, I hope you enjoyed it.
Details