/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 17 January 2022
2 Interact data with JavaScript, HTML and CSS in the browser again 24 January 2022
3 Scrape data with Node.js 31 January and 7 February 2022
4 Save data in a Database with MongoDB 14 February 2022
5 Build an api with Express to request data 7 March 2022
6 Test your code with Jest 14 March 2022
7 Deploy in production with Vercel 21 and 22 March 2022
8 Render data with React April 2022 extra mile

๐ŸŒฑ Source and Inspiration

๐Ÿ“ Licence

Uncopyrighted