Just deployed my first web app. I know it's simple, but any feedback would be greatly appreciated..

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • lint-staged

    🚫💩 — Run linters on git staged files

  • I'm noticing a lack of formatting in your JS. Some files have semi-colons, some don't. Some lines are indented more than others. There's inconsistent use of single vs double quotes. You can easily standardize formatting with a Prettier. It's recommend to run it with husky and lint-staged on every commit so you never commit code which is unformatted. (Same with your HTML and CSS which are inconsistently formatted making it harder to read.)

  • squoosh

    Make images smaller using best-in-class codecs, right in the browser.

  • Good job with using svgs! They are already pretty well optimized. Although you can save at least 10-15% on them by minifying them. Check out svgomg for a visual way to minify svgs and Squoosh for a visual way to minify any other image type.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • prettier

    Prettier is an opinionated code formatter.

  • I'm noticing a lack of formatting in your JS. Some files have semi-colons, some don't. Some lines are indented more than others. There's inconsistent use of single vs double quotes. You can easily standardize formatting with a Prettier. It's recommend to run it with husky and lint-staged on every commit so you never commit code which is unformatted. (Same with your HTML and CSS which are inconsistently formatted making it harder to read.)

  • svgomg

    Web GUI for SVGO

  • Good job with using svgs! They are already pretty well optimized. Although you can save at least 10-15% on them by minifying them. Check out svgomg for a visual way to minify svgs and Squoosh for a visual way to minify any other image type.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts