What was your win this week?

Happy Friday!

Looking back on your week — what was something you're proud of?

All wins count — big or small 🎉

Examples of 'wins' include:

• Starting a new project
• Fixing a tricky bug
• Voting in the U.S. general election
• Cleaning your desk... or whatever else might spark joy 😊

Have a great weekend!

Comments

[nop33.eth]

I learnt how to use scoped component slots in Vue.js in order to control the rendering of the list items in the child component from the parent component. I even went a bit further and managed to do this recursively from any parent level up! I need to write a blog post about this :XD

[jessrichmond]

taking part in the collective deep breath so many of us experienced saturday morning & being another week closer to the end of coding bootcamp - only two weeks left!

[Peter Gacek]

I'm in General Assembly's immersive software engineering boot camp and I JUST figured out a tricky Express lab problem I was having with the help of another student.

[Peter Witham]

Officially passed Hacktoberfest, had a blast.

[Dharmen Shah]

Published an Angular library (rather debugging tool) called 'Inspector', which allows you you to...

✅ Inspect Angular 9+ components on the fly
✅ Change component properties without touching the code
✅ Simulate Angular events
✅ See the results in realtime

ngneat / inspector

🕵️ An angular library that lets you inspect and change Angular component properties

An angular library that lets you inspect and change Angular 9+ component properties

Features

• ✅ Inspect Angular 9+ components on the fly
• ✅ Change component properties without touching the code
• ✅ Simulate Angular events
• ✅ See the results in realtime

Table of Contents

• Installation
  • Angular CLI
• Usage
• Options
• Contributors ✨

Installation

This library supports Angular 9+ projects and should only be installed using Angular CLI.

Angular CLI

ng add @ngneat/inspector

Above command will do following for you:

1. Add and install following dev dependencies
   1. @ngneat/inspector
   2. ace-builds
   3. tinykeys
2. Import environments from ../environments/environment.ts in projects root module. This can be skipped with --skipImport.
3. Import InspectorModule from @ngneat/inspector in your project's root module's imports section. This can be skipped with --skipImport.

👉 Please note: @ngneat/inspector is a debugging tool and it helps you to develop faster. So, it shouldn't be part of your production deployment. When you install it using ng add…

View on GitHub

[Liyas Thomas]

Our project Hoppscotch crossed 100,000+ all-time users and 25,000th star on GitHub.

hoppscotch / hoppscotch

👽 A free, fast and beautiful API request builder used by 100k+ developers. https://hoppscotch.io

[Médéric Burlet]

Reached more than 5 stars on my boilerplate

crimson-med / react-prisma2-graphql-boilerplate

Simple React, Prisma2, GraphQL, Boilerplate

React Prisma2 GraphQL Boilerplate

Quick start boilerplate leveraging various recent technologies.

Quickstart

Open two terminals and follow the following commands:

---

Terminal 1	Terminal 2
cd backend	cd frontend
yarn install	yarn install
yarn dev	yarn start

---

That's it you are up and running!

For more detailed documentation check the other readme:

• BACKEND
• FRONTEND

Wanna help?

Check out CONTRIBUTING.md as well as the project board on GitHub.

Accessing Datatabase

For this boilerplate Prisma2 is connecting to a SQLite file in the following folder backend/prisma.

To access and explore this file you can use a Database Manager like TablePlus which supports SQLite.

You then just need to point to the file:

If you want to change the database to use you can simply update the datasource in backend/prisma/schema.prisma.

Screenshot

Home:

Login:

Signup:

Dashboard:

View on GitHub

[devmalik7]

well I started working on my first open source project.
i have my improved my skills in java and took another step towards being an Front end developer.

[Dr Abstract]

Made an Angry Birds type physics game with images and large world in 15 minutes with ZIM's Box2D helper - dev.to/zimlearn/angry-birds-like-p... - cheers!