• Monday , 6 July 2020

Building a startup in 100 minutes with JavaScript + React

Code Canyon



Deployed and constantly updated at https://entrylevelsoftwarejobs.com – !

Stack / things built in this video
(jump around to the parts that interest you!)
= React front end w/ Hooks
= Simple Node-Express API
= Cron worker to fetch data
= Simple filtering algorithm
= Redis + node-redis
= Deployment (NGINX on DigitalOcean droplet)

Useful links:
Create React App: https://github.com/facebook/create-react-app
Material UI Docs: https://material-ui.com/getting-started/usage/

Google Domains: https://domains.google.com/
DigitalOcean: https://www.digitalocean.com/
Certbot (SSL): https://certbot.eff.org/lets-encrypt/ubuntubionic-nginx
NGINX config article: https://hackernoon.com/start-to-finish-deploying-a-react-app-on-digitalocean-bcfae9e6d01b
Install Node on Ubuntu Article: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-18-04

#startup #javascript #react

-~-~~-~~~-~~-~-
Check out my latest video:
“Why I left my $200k job as a Software Engineer”

-~-~~-~~~-~~-~-

Original source

3d Ocean

Related Posts

35 Comments

  1. Dawid P
    March 26, 2020 at 19:04

    Great video, thanks a lot for sharing the knowledge!

  2. Jeremy Miller
    March 26, 2020 at 19:04

    Awesome Video Man! Curious, on how you would be able to deploy this to Firebase?

  3. Prakad Alpha
    March 26, 2020 at 19:04

    This is a great video..!! Nice job man..!

  4. Eamon
    March 26, 2020 at 19:04

    Excellent!

  5. Pedro Paulino
    March 26, 2020 at 19:04

    Is this project open source ? Also would be great to find Junior remote jobs that accept people from other countries as well.

  6. Nick Andrews
    March 26, 2020 at 19:04

    Dude you rock. Great tutorial, followed all the way through. I can tell you're gonna make it as an indie hacker. Levels united all the nomads, why not do the same with English Teachers? Literally TEFLjobs, paid TEFL slack, etc.

  7. MistaJones89
    March 26, 2020 at 19:04

    1. Turn this into a weekly thing where you spend a few hours working on a project
    2. Stream live on twitch and post to youtube after
    3. Post on r/learnprogramming and related subreddits that you're going to be going live working on X project
    4. ???
    5. Profit

  8. Daniel Stoica
    March 26, 2020 at 19:04

    When is part 2 coming?

  9. proactivex
    March 26, 2020 at 19:04

    With the data Github Jobs gives, I can't figure out a good way to sort by country. There isn't a country code in the JSON is there? Half the jobs only have a city and no state or country! I was thinking you could get real crazy and try and analyze the language? can you point me in the right direction?

  10. Suzanne Atkinson
    March 26, 2020 at 19:04

    looking forward to the next steps you mention…adding feeds, preventing/catching errors, etc. I would love to see these features as well: How ot add content area for SEO & branding. How to add some advertising blocks/analytics, and how to add features that a job board may benefit from, like user accounts, CV services, etc. .

  11. Music on Wednesdays
    March 26, 2020 at 19:04

    This was a really cool tutorial. Thank you

  12. Nureddin Bedevi
    March 26, 2020 at 19:04

    Thanks for this video, I hope you will continue the rest of the features like filtering in client-side and pagination server-side,
    I think we need to store the data in another data type like Set and for search and filter we need a bloom filter, is it right like what I think?

  13. LeBron James
    March 26, 2020 at 19:04

    Is there a reason why you chose Redis?

  14. Tom Daniels
    March 26, 2020 at 19:04

    Hey aaron, just saw this tutorial from freeCodeCamp and noticed that you did some cool updates to the website already! When are you going to upload the next part where you consolidate more data streams and add the extra filters? This tutorial was straight fire and I can't wait to see more of it. Really loved how you showed all your mistakes and explained everything in detail. Keep it up man!

  15. metraian
    March 26, 2020 at 19:04

    Thank You, I find this type of format very useful

  16. TheDon
    March 26, 2020 at 19:04

    Amazing job!
    Just ordered a domain from your link for my new app that is similar to this one.

    One question tho:

    Do you have the code for this app for us?

  17. Robert Harris
    March 26, 2020 at 19:04

    This tutorial on making front-end design webpage is amazing. You are literally displaying the discipline needed to code software in the most clam way possible and relaxed. I’m actually surprise this video haven’t received more views. Keep up the outstanding work ad informing future software an program developers.

  18. lightningball92
    March 26, 2020 at 19:04

    Hi all, I hope some of you guys can help me. I'm stuck at around 52:26 where we need to go back to the client front end.
    When I return, the react-app now tells me: ./node_modules/redis-parser/lib/hiredis.js

    Module not found: Can't resolve 'hiredis' in 'C:UsersdmiduOneDriveReactjsjobsearchnode_modulesredis-parserlib'

    Has anyone experienced the same type of error?

  19. Red Dragon
    March 26, 2020 at 19:04

    Hey, I followed through your tutorial and made it all the way to the site deployment, but I am stuck. I have a weird bug where the server is responding with a 404 error because of an uncaught promise (I promisified the redis client), this error is causing the page not to populate with the filtered jobs. Also when I append "apijobs" to the end of the site, instead of getting json data back, it returns nothing and in the browser it displays "Cannot GET /api/jobs". Where should I start in my code to begin to debug it? …. Great tutorial btw! I learned a lot!!

  20. Danielle Newhouse
    March 26, 2020 at 19:04

    People charge a couple hundred bucks for this on udemy!

  21. Oliver Gomes
    March 26, 2020 at 19:04

    I tried doing lot of research but couldn't get any further that "Are we able to deploy to firebase server ? cause Redis is a bit of a issue" or any other server that we don't have to pay ??

  22. Oliver Gomes
    March 26, 2020 at 19:04

    This was fire! 🚀 More Fullstack application please 🙏

  23. DreamsComeTrue
    March 26, 2020 at 19:04

    What is the benefit of doing this tutorial?

  24. alexandro disla
    March 26, 2020 at 19:04

    I am learning react. After i am taking nodejs. But for sure i will go over this video

  25. lardosian
    March 26, 2020 at 19:04

    Sounds great dude, cant wait to code along, and material ui and hooks👍👍👍. Just subbed.

  26. Nenad Stojkovic
    March 26, 2020 at 19:04

    can this project be finished on windows 10? I stop on redis and can't find a solution for install etc on windows 10…

  27. Cat Assassins Tomato
    March 26, 2020 at 19:04

    great tut thanks

  28. Lesean Johnson
    March 26, 2020 at 19:04

    great video, thanks again!! FYI: command + down arrow takes you to the bottom of the page and saves that wrist.

  29. Nuno Neves
    March 26, 2020 at 19:04

    I like it that you're not being overly precious about explaining everything in detail, and focussing on the incremental developing process, testing one thing at a time.

    Keeps the app always at a bearable state, and the flow + motivational juices up!

  30. Nuno Neves
    March 26, 2020 at 19:04

    job => <Job job={job} /> gotta get that jobjobjob!

  31. Matt Upham
    March 26, 2020 at 19:04

    New record!! This is wild dude. So much focus, and keeping it high quality. Nice work!

  32. Elon Moist
    March 26, 2020 at 19:04

    Awesome stuff thank you! Do you know why, in the modal, the company logo of the last viewed job post flashes for an instant before the current company logo appears? (see 1:34:56)

  33. Ömercan Çelikler
    March 26, 2020 at 19:04

    Really cool video! Thanks and keep uploading new videos please. 🙂

  34. Douglas Ballance
    March 26, 2020 at 19:04

    Thanks for the video, it was very helpful to have a start to finish example. One concern I had though is deploying to run as root rather than a more secured user.

  35. japrogramer
    March 26, 2020 at 19:04

    Could you make a typeorm tutorial, I'm coming from python Django and want to expand my expertise.

Leave A Comment

You must be logged in to post a comment.