Closet to Ensemble or C2E

Closet To Ensemble

Table of Content

• Description
• Using Closet to Ensemble
• Technologies Used
• React Components
• Frontend
• Backend

Description

Closet to Ensemble is a virtual closet app that allows its user to track items within their individual closets. It also allows users to follow their friends and family members closets, share clothes. As well as track items usage, how often they actually wear each item of clothing, and eventually being able sell them on the thrift shop.

Using the application

• Login - Everyone is required to login to access this application
• Once logged in users can:
  • Add items to their closets
  • Remove items from their closets
  • View an item within the closet
  • Search through they items they have in their closets
• Log out of the system or it can remember the user for the next time

Technologies

• Javascript
• Python
• React
• Flask
• Redux
• React-Redux
• Redux-logger
• Redux-thunk
• Pip Datetime
• Python Datetime

React Components List

• NavBar

• Modal

• C2EAccess

  • Login and SignUp

• Closet

• Items

  • Category Display

  • Item Display

  • New Item

• Footer

Frontend

Built using React which allowed for easy rendering of information on pages without requiring a full page reload, this came in handy when rendering the many Modals with in the site, it also allowed for reusing components on different page templates. Redux was also used to help keep the state so that different aspects of it could be used on different pages.

Backend

The backend was built using Python, Flask, PostgreSQL. This allow for data smooth data management. Building multiple tables with relationsional connects to each other, meant that data could be obtain by fetching just one table.

Database Schema