š» #107: Build a React Native Real Estate App šļøš±
Build a React Native app with Expo plus three of my favourite geography games
Hey itās been a while! Weāre back with a tutorial Iām excited about! Iāve been wanting to build more mobile apps lately as Iāve been spending a lot of time on React.js and Next.js web apps. In this weekendās tutorial I found, you can build a full-stack real estate app from scratch. Iām really glad this isnāt starting with a template because I need to brush up on my react native basics, like navigation and app layouts.
Tutorial of the week:
Length: 3.5 hours
This weekendās tutorial is by JavaScriptMastery, they consistently put our great tutorials on web development.
What youāll learn this weekend:
React Native š±
Expo ā³
TailwindCSS š¼ļø
3 frontend projects of the week:
Use these projects to inspire future projects of your own. They arenāt meant to be unicorns, theyāre meant to be personal projects. Something you might use a few times and show off to family and friends.
A recent hobby of mine is learning geography, capitals, and flags. So this week our three projects are going to be geography themed!
1. Geo Quiz
This project has a bunch of different games you can play with varying difficulty. The great feature if you can select by region you want to practice.
2. Flaggle
This one is a bit tricky, but once you get the hang of it, it becomes quite addiciting. You need a bit of starting knowledge on flags but itās a great way to learn a new flag a day!
3. Worldle
Similar to wordle, you get six guesses to guess the correct country based on its shape. After you can guess further characteristics of the country, like population, languages, top exports, etc! Itās my daily game right now!
Thatās all folks!
I hope you enjoyed this weekendās edition of Weekend Web Dev!
To keep the tutorials flowing and support my newsletter, consider fueling my creativity with a coffee āļø - every cup makes a difference!
Your fellow weekend developer,
š«¶š Are you looking for personalized feedback?
Do you have a portfolio, website, CV, or code snippet you would like some feedback on? Iād be happy to review and provide my input. Itās free for feedback, but if youād like to support me and the newsletter you can buy me a coffee. Then just reply to this email with whatever youād like to review.
Useful (free) resources
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