Giter Club home page Giter Club logo

seborider / plugs. Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 781 KB

Plugs. lets you organize your home studio: With plugs. finding what is where in your home studio was never easier! plugs. lets you define, where you plugged what, which cable goes where, and which output is connected to which input, and vice versa. Search for your gear, edit your everchanging and expanding gear setup on the go, or see your mixer for a quick overview.

Shell 0.11% JavaScript 0.63% TypeScript 88.88% HTML 0.30% CSS 10.08%

plugs.'s Introduction

Hi ๐Ÿ‘‹, I'm Sebo

A passionate frontend developer (and a little bit of a backend developer) from Munich

seborider

seborider

  • ๐Ÿ”ญ Iโ€™m currently working on this stuff

  • ๐ŸŒฑ Iโ€™m currently working as a Junior Software Developer at Check24.de

  • ๐Ÿค Iโ€™m looking for help with Ruby on Rails.

  • ๐Ÿ‘จโ€๐Ÿ’ป All of my projects are available at https://github.com/Seborider

  • ๐Ÿ“ซ How to reach me [email protected]

  • โšก Fun fact I once rode a motorbike through Vietnam as founding member of the famous Cobra Gang ๐Ÿ

Stats:

babel css3 express figma git heroku html5 illustrator javascript mongodb nodejs photoshop python react typescript xd

Languages and Tools:

seborider

plugs.'s People

Contributors

seborider avatar

Stargazers

 avatar  avatar

Watchers

 avatar

plugs.'s Issues

Header modal

User story

As a user, I want to know what plugs is all about

Acceptance criteria

  • modal with info about plugs on homePage

Create gear card component

  • Add gear card header
  • Add gear card connection section
  • Add gear card edit section
  • Add gear card random line section

Search for gear

User story

As a user, I want to be able to search for gear stored in my data base

Acceptance criteria

  • server.ts routes
  • fetch from MongoDB database

Create Searchpage

User story

As a user, I want to search for specific gear.

Acceptance Criteria

  • header with searchbar
  • search result
  • navigation

Screenshot

Searchpage

svg bug

User story
As a user, I want to see uncut svgs

Acceptance criteria

  • fixed svg in navbar

Create Addpage

User story

As a user, I want to add new gear to my studio

Acceptance Criteria

  • header with input
  • select gear style
  • add in- and outputs
  • save button
  • navigation

Screenshot

Addpage

Delete on SearchPage

User story

As a user, I want to be asked if I'm sure to delete my gear on searchPage

Acceptance criteria

  • modal with yes and no button

Add deleteModal

User story
As a user, I want to be asked, if I'm sure to delete

Acceptance criteria

  • deleteModal

Create Editpage

User story

As a user, I want to edit my existing gear in case, something changes in my studio

Acceptance Criteria

  • Edit and delete button in gear card
  • Header
  • Gear selection
  • In- and output renaming
  • Save button
  • navigation

Screenshot

Editpage

Fix SearchPage bug

Fix two bugs on SearchPage

  • css overlapping
  • prop mishandling leeds to deleted input bar

Fix search

SearchPage doesn't provide results after merge.
Fix server.ts

Connect to MongoDB

User story

As a user, I want my data to be stored

Acceptance criteria

  • server.ts
  • post to MongoDB
  • functionality in AddPage

Delete gear

User story

As a user, I want to be able to delete gear from my database

Acceptance criteria

  • server.ts routes
  • post to MongoDB

Show gear

User story

As user, I want my stored gear to be shown on my homepage

Acceptance criteria

  • server.ts routes
  • fetch data from mongoDB

Show output channels of gear only

User story

As a user, I want to see my gears output channels only

Acceptance criteria

  • server.ts routes
  • fetch on mixer page, that only shows outputs

Create Homescreen Page

User story

As a user, I want to be able to see all my gear with all its connections in one place.

Acceptance Criteria

  • header with burger button
  • cards with gear
  • navigation

Screenshot

Homescreen

Console Error

In the console, this warning is given:

5react-dom.development.js:67 Warning: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.

Create Mixerpage

User story

As a user, I want to have a quick overview of my mixer channels

Acceptance Criteria

  • header
  • cards with equipment name and corresponding channel
  • navigation

Screenshot

Mixerpage

Add error handling

Add error handling for back end routes

  • add route
  • search route
  • edit route
  • delete route
  • singe route

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.