/clear-fashion

๐Ÿ‘• What's the story behind each item of clothing you buy?

Primary LanguageJavaScript

๐Ÿ‘• Clear Fashion

What's the story behind each item of clothing you buy?

Table of Contents

๐Ÿ“ฑ Context

Clear Fashion is an iOS and Android application that allows you to choose environmentally & human-friendly clothes.

With Clear Fashion, you will get an analysis with transparency and independency of the commitments of brands according to 4 themes: Human, Health, Environment & Animals.

๐Ÿค” Problems

Clear Fashion is particularly committed to ensuring that there are no conflicts due to commercial interests.

The problems as consumer are

  1. I cannot open my favorite brands shop links
  2. I cannot consult on the same page all the products of my favorite brands

I have to search on google the e-shop link for all brands.

Google

I have to browse each e-shop brand to look for a product.

Shops

๐ŸŽฏ Objective

Build a web application to list my favorite top responsible brands Products.

๐Ÿ›ฃ How to solve it?

  1. ๐Ÿ‘– Manipulate Products: How to manipulate the products in the browser
  2. ๐Ÿงน Scrape Products: How to fetch Products from different website sources
  3. ๐Ÿ“ฑ Render Products in the browser: How to interact with the Products in the browser
  4. ๐Ÿ’ฝ Save Products in database: How to avoid to scrape again and again the same data
  5. โคต๏ธ Request Products with an api: How to give access to your data
  6. ๐Ÿ› Test your code: How to ensure quality and confidence
  7. ๐Ÿš€ Deploy in production: How to give access to anyone

๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿ’ป Step by step with Workshops

Maps

With javascript-empire themes, we'll follow next workshops to solve our problem:

Step Workshops  Planned Date
1 Manipulate data with JavaScript in the browser  18th January 2021
2 Interact data with JavaScript, HTML and CSS in the browser again  25th and 26th January 2021
3 Scrape data with Node.js  1st and 8th February 2021
4 Save data in a Database with MongoDB  1st March 2021
5 Build an api with Express to request data 8th March 2021
6 Test your code with Jest 15th March 2021
7 Deploy in production with Vercel 22th March 2021
8 Render data with React  April extra mile.

๐ŸŒฑ Source and Inspiration

๐Ÿ“ Licence

Uncopyrighted