Building a startup in 100 minutes with JavaScript + React




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


35 responses to “Building a startup in 100 minutes with JavaScript + React”

  1. 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.

  2. 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

  3. 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?

  4. 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. .

  5. 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?

  6. 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!

  7. 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.

  8. 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?

  9. 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!!

  10. 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 ??

  11. 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!

Leave a Reply