💻 #80: Build an eCommerce store with an admin panel using Next.js and MongoDB 🛍
Build the full stack project using Next.js, MongoDB, and Express.js.
Happy Friday, developer! 👋
If you’re looking for a job as a developer, chances are you’re going to be taking some meetings remotely. With this project, you can really impress the interviewer by showing you know how (some) video chat applications actually work!
You’ll also show off your ability to work with external APIs and frameworks!
Let’s get started!
Tutorial of the week:
Length: 12 hours
Difficulty: Intermediate
This weekend’s tutorial is by Coding With Dawid. It’s probably the longest tutorial I’ve shared, but if you complete this project you’ll have a full-stack application ready to show off.
What you’ll learn this weekend:
React.js 🌐
Next.js
MongoDB 🌱
3 frontend projects of the week:
Use these projects to inspire future projects of your own
1. Taconomical
This project uses, the OpenStreetMap API to map the Tacobell prices across the US.
2. Where is the Sloth?
Use your mouse to search for the sloth. Silly game, but nice project idea.
3. Rock, Paper, Scissors
HTML, CSS, JavaScript
What I like about codepen is that you can easily read the code and see what’s being shown in the frontend.
Take a second to read through some of the Javascript code in this codepen. One task of a frontend developer will be making changes to other developers’s existing code. Play around with this codepen and make some changes!
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,
Thanks for reading Weekend Web Dev’s Newsletter! Subscribe and receive just one email a week!
Subscribed
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