{"id":21611231,"url":"https://github.com/kantelabs/armoire","last_synced_at":"2025-04-11T05:33:24.617Z","repository":{"id":79964154,"uuid":"98674503","full_name":"KanteLabs/Armoire","owner":"KanteLabs","description":"Web App that could be utilize as an online wardrobe / closet to help create a visual representation of a person's clothing collection","archived":false,"fork":false,"pushed_at":"2018-01-14T23:48:23.000Z","size":502,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-25T03:34:19.872Z","etag":null,"topics":["armoire","closet","clothing","express","fashion","javascript","nodejs","postgresql","shopstyle","wardrobe","webapp"],"latest_commit_sha":null,"homepage":"https://shielded-lowlands-55160.herokuapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KanteLabs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-28T17:57:51.000Z","updated_at":"2024-05-09T12:41:29.000Z","dependencies_parsed_at":"2023-05-24T16:15:07.342Z","dependency_job_id":null,"html_url":"https://github.com/KanteLabs/Armoire","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanteLabs%2FArmoire","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanteLabs%2FArmoire/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanteLabs%2FArmoire/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanteLabs%2FArmoire/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KanteLabs","download_url":"https://codeload.github.com/KanteLabs/Armoire/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248347632,"owners_count":21088703,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["armoire","closet","clothing","express","fashion","javascript","nodejs","postgresql","shopstyle","wardrobe","webapp"],"created_at":"2024-11-24T21:11:35.732Z","updated_at":"2025-04-11T05:33:24.601Z","avatar_url":"https://github.com/KanteLabs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Armoire Online Closet 💃🏾\nWeb App that could be utilize as an online wardrobe / closet to help create a visual representation of a person's clothing collection\nTest Account details: \nUsername is clout\nPassword is clout\n![armoire image](./public/splashimage.png)\n\n\n## Installation \n\n\n## What is Armoire?\n\nThis is a work in progress full-stack application that allows for users to create accounts and search for clothing items that they can add to their online wardrobe. This could be a very useful way for fashion forward people to keep a visual collection of items that they own. In addition to filling up a closet with clothing they are able to create outfits out of clothing that they own. This was an idea that I wanted to work on for a long time, and now I look forward to recreating this project again, but instead with a framework like react and possibly a different database.\n\n\n## The Making of Armoire\n### Initial Landing page design\n![landing page](/landingpage.png)\n\n### Initial Outfit page design\n![outfit image](/outfitpage.png)\n\n## Technical Discussion\n\nFront-end:\n- HTML, CSS, Bootstrap\n\nBack-end:\n- Node.js, Express, PostgreSQL\n\n###\n- This code snippet is how I am able to either return all outfits or return certain outfits that belong to a user.\n\n```javascript\n\nconst Outfits = {\n    findAll: (userid)=\u003e{\n        return db.query(`\n        select o.*,c.* , o.name as outfitName, o.id as outfitId from clothes c inner join outfits o on c.id = o.top_id WHERE o.userid = $1 union all\n        select o.*,c.* , o.name as outfitName, o.id as outfitId from clothes c inner join outfits o on c.id = o.bottom_id WHERE o.userid = $1 union all\n        select o.*,c.* , o.name as outfitName, o.id as outfitId  from clothes c inner join outfits o on c.id = o.shoe_id WHERE o.userid = $1\n        `,[userid])\n    },\n    findById: (id)=\u003e{\n      return db.query(`\n        select o.*,c.* , o.name as outfitName, o.id as outfitId from clothes c inner join outfits o on c.id = o.top_id WHERE o.id = $1 union all\n        select o.*,c.* , o.name as outfitName, o.id as outfitId from clothes c inner join outfits o on c.id = o.bottom_id WHERE o.id = $1 union all\n        select o.*,c.* , o.name as outfitName, o.id as outfitId  from clothes c inner join outfits o on c.id = o.shoe_id WHERE o.id = $1\n      `, [id])\n    }\n}\n\n```\n\nA lot of focus was placed on having a working CRUD functionality over design and aesthetics. However now that I have a better understanding of the CRUD functionality I want to recreate the project with a better usage of a database and project structure. \n\n## App Structure\n\n\n## Opportunities for Future Growth \n- Better UI/UX design and making the app more straight forward for all users.\n- Usage of possible multiple APIs or a different API because ShopStyle Api is limited and sometimes require specific queries\n- Fix up the website design\n- Possible usage of a different database or restructure how the database is setup and how the queries are returned\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkantelabs%2Farmoire","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkantelabs%2Farmoire","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkantelabs%2Farmoire/lists"}