💻 #68: Build a Full Stack MERN App with CRUD, Auth, and Charts 📊
Use Refine to build charts in this full-stack application
Hi everyone! 👋
I hope you’re having a great Saturday. In this weekend’s tutorial, we will use the MERN stack (MongoDB, Express.js, React.js, and Node.js) to build a dashboard application where you can create, read, update and delete data. You’ll also learn authentication, sorting, filtering, and pagination. All useful skills to know for most web applications.
Also, have you checked out the new React.js documentary?
Let’s get started!
Tutorial of the week:
Length: 4 hours
Difficulty: Beginner
This weekend’s tutorial is by JavaScriptMastery, he consistently put out fantastic work. He’s a longtime content creator in the web development space.
What you’ll learn this weekend:
MERN Stack 🪄
Authentication 👤
Pagination 📄
3 creative projects of the week:
1. Rotaboxes
I found this daily puzzle game yesterday. It’s quite relaxing. I like how it uses the Unsplash API to get free images. Nice work, Peter.
2. McCheapest
If you live in the US, use this map to find the cheapest Big Mac near you.
3. Chrono Photo
Guess the year of each photo, see how close you can get to the actual year.
I teamed up with Udemy to bring you a discount as a new user. If you’re looking to grab a course on web development courses start at $14.99!
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
If you create anything please share it with me on Twitter or reply to this email!
I’d love to see what you’re building.
Your fellow weekend developer,
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites