--- title: Best freeCodeCamp posts — March 2021 | daily.dev description: The most upvoted freeCodeCamp posts from March 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2021/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2021/03 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — March 2021 | daily.dev og:description: The most upvoted freeCodeCamp posts from March 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of freeCodeCamp — March 2021 1. 1 [](https://daily.dev/posts/git-cheat-sheet-50-git-commands-you-should-know--ltw6krh5 "Git Cheat Sheet – 50 Git Commands You Should Know") Article freeCodeCamp · 6y Git Cheat Sheet – 50 Git Commands You Should Know Git Cheat Sheet – 50 Git Commands You Should Know. Git Cheat Sheets – How To Use The Git Cheatsheets. How to Use the Git Components. How To Utilise The Git Compressors. What Do You Do With Git? Let us know. 128 8 2. 2 [](https://daily.dev/posts/react-tutorial-learn-react-and-javascript-programming-basics-with-example-code-w4thfjtgk "React Tutorial – Learn React and JavaScript Programming Basics with Example Code") Article freeCodeCamp · 6y React Tutorial – Learn React and JavaScript Programming Basics with Example Code TAPAS ADHIKARY. React Tutorial – Learn React and JavaScript Programming Basics with Example Code. TAPAS. Adhikary. React tutorial – learn React andJavaScript Programming basics with Example code. T APAS. ADHikary, React Tutorial. React tutorials – Learnreact and JavaScript programming basics with example code. 43 2 3. 3 [](https://daily.dev/posts/create-pixel-effects-with-javascript-and-html-canvas-eztl7dsdd "Create Pixel Effects with JavaScript and HTML Canvas") Article freeCodeCamp · 5y Create Pixel Effects with JavaScript and HTML Canvas Beau Carnes is the author of the book, "The Secret Life of Beau Carnes" The book is based on Carnes' experiences in South Africa in the 1970s and 1980s. Carnes was born and raised in the town of Carnes, South Africa. He is the son of former South African Prime Minister Jacques Carnes. 33 1 4. 4 [](https://daily.dev/posts/how-to-create-a-portfolio-website-a-beginner-developer-s-guide-h6qahgh-b "How to Create a Portfolio Website – A Beginner Developer's Guide") Article freeCodeCamp · 5y How to Create a Portfolio Website – A Beginner Developer's Guide Jemima Abu is a freelance developer and author. She is the author of Portfolio.com, a guide to creating a portfolio website. She has written several books on the subject, including a book called Portfolio: A Portfolio of Photographs. For more information, visit www.portfolio.co. 31 3 5. 5 [](https://daily.dev/posts/how-to-create-a-discord-bot-for-free-with-javascript-full-tutorial-kys-8x3zm "How to Create a Discord Bot for Free with JavaScript – Full Tutorial") Article freeCodeCamp · 6y How to Create a Discord Bot for Free with JavaScript – Full Tutorial JavaScript Discord Bot Tutorial – Code a Discord Bot And Host it for Free. Beau Carnes is the creator of the Discord Bot. Visit Beau Carnes' website at: http://www.beaucarnes.com/discord-bot-tutorial. 26 1 6. 6 [](https://daily.dev/posts/the-python-handbook-fw-tdc7w4 "The Python Handbook") Article freeCodeCamp · 5y The Python Handbook CNN.com will feature iReporter photos in a weekly Travel Snapshots gallery. Please submit your best shots of the U.S. for next week. Visit CNN.com/Travel each week for a new gallery of snapshots. Visit http://www.dailymail.co.uk/travel/features/trending-trends-in-the-world-of-travelling-tourists for the next week. 22 2 7. 7 [](https://daily.dev/posts/how-to-build-a-programming-project-step-by-step-cnsiwzx-8 "How to Build a Programming Project Step by Step") Article freeCodeCamp · 5y How to Build a Programming Project Step by Step How to Build a Programming Project Step by Step. How to build a programming project: Step by step. Step 1: Set up your project. Step 2: Build your code. Step 3: Test it. Step 4: Test your code again. Step 5: Check your code is working. Step 6: Check it's working. 20 8. 8 [](https://daily.dev/posts/learn-typescript-with-this-crash-course-dj4x5u-46 "Learn TypeScript With This Crash Course") Article freeCodeCamp · 5y Learn TypeScript With This Crash Course Learn TypeScript With This Crash Course On TypeScript. Beau Carnes is the author of TypeScript: A Crash Course in TypeScript, a book about TypeScript and the Internet. Visit Beau Carnes' website at www.beaucarnes.com. For more TypeScript information, visit the TypeScript website. 15 9. 9 [](https://daily.dev/posts/how-search-google-like-a-pro-tips-to-get-better-search-results-iy4z7of-z "How Search Google Like a Pro – Tips to Get Better Search Results") Article freeCodeCamp · 5y How Search Google Like a Pro – Tips to Get Better Search Results Hillary Nyakundi is the author of the book, Searching Like a Pro. How Search Google Like apro – Tips to Get Better Search Results is published by Penguin Books. Hillary is also the co-host of the podcast, The Search Girl, on BBC Radio 4. 15 3 10. 10 [](https://daily.dev/posts/boost-your-programming-skills-by-reading-git-s-code-izt--iw3l "Boost Your Programming Skills by Reading Git's Code") Article freeCodeCamp · 5y Boost Your Programming Skills by Reading Git's Code Git is a free, open-source programming language. It was created in 1995\. Git's code is written in the programming language Git. Read Git's Code to learn more about Git's features. Read the Git code to learn how to use Git's built-in Git functions. 15 11. 11 [](https://daily.dev/posts/learn-css-flexbox-by-building-5-responsive-layouts-ptcogk6kw "Learn CSS Flexbox by Building 5 Responsive Layouts") Article freeCodeCamp · 5y Learn CSS Flexbox by Building 5 Responsive Layouts Learn CSS Flexbox by Building 5 Responsive Layouts with CSS. Learn more about Flexbox at the Flexbox website. See more Flexbox tutorials on CNN iReport.com. Follow us on Twitter @cnnflexbox and @CoffeeFlexbox. 14 3 12. 12 [](https://daily.dev/posts/react-testing-library-tutorial-with-javascript-code-examples-eutev2efp "React Testing Library – Tutorial with JavaScript Code Examples") Article freeCodeCamp · 6y React Testing Library – Tutorial with JavaScript Code Examples Nathan Sebhastian is the author of the React Testing Library. He is also the co-founder of the company that developed the React API. Nathan's blog is called Nathan's World of React and his Twitter is called @NathanSebastian. He also runs a blog called The React Testing Laboratory. 13 13. 13 [](https://daily.dev/posts/how-to-use-basic-web-design-principles-to-make-your-site-beautiful-0-ejsyjqy "How to Use Basic Web Design Principles to Make Your Site Beautiful") Article freeCodeCamp · 5y How to Use Basic Web Design Principles to Make Your Site Beautiful Adam Henson is the founder of Responsive Web Design. Henson's company, Responsive Design, designs responsive websites and mobile apps. His latest project is a mobile app that lets users control a website from a mobile device. The app is called Responsive Mobile Design and is available on iOS and Android devices. 12 4 14. 14 [](https://daily.dev/posts/learn-the-flask-python-web-framework-by-building-a-market-platform--oemthhab "Learn the Flask Python Web Framework by Building a Market Platform") Article freeCodeCamp · 5y Learn the Flask Python Web Framework by Building a Market Platform Learn the Flask Python Web Development Framework by Building an Ecommerce Platform with Beau Carnes. Learn to use the Flask Web Development framework to build an ecommerce platform for your business. Learn the Flask web development framework by building an E commerce platform with Beau Carnes at Flask.com. 11 15. 15 [](https://daily.dev/posts/how-to-build-a-multi-step-registration-app-with-animated-transitions-using-the-mern-stack-8njviz2js "How to Build a Multi-Step Registration App with Animated Transitions Using the MERN Stack") Article freeCodeCamp · 5y How to Build a Multi-Step Registration App with Animated Transitions Using the MERN Stack Yogesh Chavan: How to Build a Multi-Step Registration App with Animated Transitions Using the MERN Stack. How to build a multi-step registration app with Animatedtransitions using the Mern Stack using the Facebook, Twitter, and Google+ tools. 10 [See all freeCodeCamp archives](/sources/freecodecamp/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/freecodecamp/best-of/2021/03#page","url":"https://daily.dev/sources/freecodecamp/best-of/2021/03","name":"Best freeCodeCamp Posts — March 2021","description":"The most upvoted freeCodeCamp posts from March 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2021/03#items","numberOfItems":15,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/git-cheat-sheet-50-git-commands-you-should-know--ltw6krh5","name":"Git Cheat Sheet – 50 Git Commands You Should Know"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/react-tutorial-learn-react-and-javascript-programming-basics-with-example-code-w4thfjtgk","name":"React Tutorial – Learn React and JavaScript Programming Basics with Example Code"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/create-pixel-effects-with-javascript-and-html-canvas-eztl7dsdd","name":"Create Pixel Effects with JavaScript and HTML Canvas"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-create-a-portfolio-website-a-beginner-developer-s-guide-h6qahgh-b","name":"How to Create a Portfolio Website – A Beginner Developer's Guide"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-create-a-discord-bot-for-free-with-javascript-full-tutorial-kys-8x3zm","name":"How to Create a Discord Bot for Free with JavaScript – Full Tutorial"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/the-python-handbook-fw-tdc7w4","name":"The Python Handbook"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-build-a-programming-project-step-by-step-cnsiwzx-8","name":"How to Build a Programming Project Step by Step"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/learn-typescript-with-this-crash-course-dj4x5u-46","name":"Learn TypeScript With This Crash Course"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-search-google-like-a-pro-tips-to-get-better-search-results-iy4z7of-z","name":"How Search Google Like a Pro – Tips to Get Better Search Results"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/boost-your-programming-skills-by-reading-git-s-code-izt--iw3l","name":"Boost Your Programming Skills by Reading Git's Code"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/learn-css-flexbox-by-building-5-responsive-layouts-ptcogk6kw","name":"Learn CSS Flexbox by Building 5 Responsive Layouts"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/react-testing-library-tutorial-with-javascript-code-examples-eutev2efp","name":"React Testing Library – Tutorial with JavaScript Code Examples"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-use-basic-web-design-principles-to-make-your-site-beautiful-0-ejsyjqy","name":"How to Use Basic Web Design Principles to Make Your Site Beautiful"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/learn-the-flask-python-web-framework-by-building-a-market-platform--oemthhab","name":"Learn the Flask Python Web Framework by Building a Market Platform"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-build-a-multi-step-registration-app-with-animated-transitions-using-the-mern-stack-8njviz2js","name":"How to Build a Multi-Step Registration App with Animated Transitions Using the MERN Stack"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/freecodecamp/best-of"},{"@type":"ListItem","position":5,"name":"March 2021"}]}]} ```