Code Monkey home page Code Monkey logo

lifecycle-app-mern-archive's Introduction


Lifecycle

An awesome app to track your closet and organize swaps and borrows with friends!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Contributing
  5. License
  6. Contact

About The Project

![Product Name Screen Shot][product-screenshot]

TLDR; LifeCycle allows users to partake in fashion in a sustainable manner for the planet and their wallets. Features include:

  • Uploading their closets to the web
  • Sharing their closet virtually with a circle of friends
  • Submitting borrow or swap requests to friends
  • Tracking items that are "out of closet" for loans or repairs
  • Add a wishlist of items their circle can view

The fashion sector was responsible for about 2.1 billion metric tons of greenhouse-gas (GHG) emissions in 2018, which is 4 percent of the global total. For context, this means it emits about the same quantity of GHGs per year as the entire economies of France, Germany, and the United Kingdom combined. - McKinsey Research

  • "93% of brands surveyed by the Fashion Checker aren’t paying garment workers a living wage" Fashion Check, 2020
  • “Clothing production is the third biggest manufacturing industry after the automotive and technology industries. Textile production contributes more to climate change than international aviation and shipping combined” House of Common Environmental Audit Committee, 2019
  • “More than $500 billion of value is lost every year due to clothing underutilization and the lack of recycling” Ellen MacArthur Foundation, 2017
  • “One in three young women, the biggest segment of consumers, consider garments worn once or twice to be old” The Guardian, 2019
  • “Fast fashion brands use open-loop production cycles that pollute water and land” The New York Times, 2019
  • “The fashion industry is responsible for 8% of carbon emissions” UN Environment, 2019
  • "The effort that fast fashion brands put into sustainable production measures is decreasing” Global Fashion Agenda, 2019
  • “Less than 11% of brands are implementing recycling strategies for their items” Peppermint Magazine, 2019
  • “Three out of five fast fashion items end up in a landfill” Clean Clothes Campaign, 2019
  • “Worker rights of fast fashion employees are strongly violated” Euronews, 2019
  • “Washing, solvents, and dyes used in manufacturing are responsible for one-fifth of industrial water pollution” McKinsey, 2020
  • “Nearly 70 million barrels of oil are used each year to make the world’s polyester fiber, which is now the most commonly used fiber in our clothing. But it takes more than 200 years to decompose.” Forbes, 2015
  • "Fashion accounts for 20 to 35 percent of microplastic flows into the ocean." The State of Fashion, McKinsey 2020

Lifecycle is meant to help users organize and keep track of what they own in order to avoid unnecessary purchases. Not only that but it is also meant to encourage and facilitate swaps and exchanges of clothing between friends and family. The philosophy behind it? Humans thrive on novelty. Our midbrain (particularly the substantia nigra/ventral segmental area) responds to novel stimuli by directly activating the dopaminergic system in our brain. In other words, it makes us feel good. But we don't need to buy new clothes in order to produce that reaction. Borrowing an item from a friend's closet or lending an item, forgetting about it and then getting it back a couple of weeks later can produce the same reaction. Absence makes the heart grow fonder and sometimes that is all we need to want to wear our favorite items again.

(back to top)

Built With

(back to top)

Getting Started with LifeCycle

  1. Download the code zip by clicking on the green "Code" button > Download Zip or clone the repository by doing
    git clone https://github.com/JuliaGrandury/lifecycle-app-mern.git
  2. Install NPM packages
    npm install bcryptjs colors dotenv express express-async-handler jsonwebtoken mongoose
  3. Install NPM dev dependencies
    npm install concurrently nodemon
  4. Create a .env file to store your MONGO_URI, JWT_SECRET and set NODE_ENV = development
  5. Create a MongoDB Database, get your MONGO_URI and store it in your .env file
  • Go to mongodb.com to create an account and follow this tutorial
  • Note: if during development you receive a "MongooseServerSelectionError: Could not connect to any servers in your MongoDB Atlas cluster." One common reason is that you're trying to access the database from an IP that isn't whitelisted. Make sure your current IP address is on your Atlas cluster's IP whitelist: https://docs.atlas.mongodb.com/security-whitelist/". On MongoDB Atlas Dashboard > Network Access > Edit > Add Current IP Address

(back to top)

Roadmap

  • add two tabs in header "Closets" and "Outfits"
  • add subtabs of "Closets": My Closet, X Closet, Y Closet
  • add subtab of "My Closet": Out of Closet (swap, lent, repair) and In Closet
  • add subtabs of "Outfits": Saved Outfits, Inspo Outfits
  • add pack a suitcase feature
  • add item categories for sorting (Tops, Bottoms, Shoes, Accessories, etc)
  • add wishlist of new items

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Adding AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Julia Grandury - [email protected]

Project Link: https://github.com/JuliaGrandury/lifecycle-app-mern

(back to top)

Overview of Lessons Learned - The intricacies of complete CRUD functionality with MERN [resource](https://www.youtube.com/watch?v=I7EDAR2GRVo) - Authentication and storing user information safely with Hashing and Salts in Bcrypt.js [resource](https://www.youtube.com/watch?v=ro1WmoP4CZs) - Authorization and protecting routes with JSON Web Tokens [resource](https://www.youtube.com/watch?v=7Q17ubqLfaM) - Using ThunderClient and Postman for HTTP requests in API development [resource](https://www.youtube.com/watch?v=I7EDAR2GRVo) - A helpful course: [MERN Stack Front To Back: Full Stack React, Redux & Node.js](https://www.udemy.com/course/mern-stack-front-to-back/)

(back to top)

lifecycle-app-mern-archive's People

Contributors

juliagrandury avatar

Watchers

 avatar

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.