What's the story behind each item of clothing you buy?
Table of Contents
- 📱 Context
- 🤔 Problems
- 🎯 Objective
- 🛣 How to solve it?
- 👩🏽💻 Step by step with Workshops
- 🌱 Source and Inspiration
- 📝 Licence
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.
Clear Fashion is particularly committed to ensuring that there are no conflicts due to commercial interests.
The problems as consumer are
- I cannot open my favorite brands shop links
- 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.
I have to browse each e-shop brand to look for a product.
Build a web application to list my favorite top responsible brands Products.
- 👖 Manipulate Products: How to manipulate the products in the browser
- 🧹 Scrape Products: How to fetch Products from different website sources
- 📱 Render Products in the browser: How to interact with the Products in the browser
- 💽 Save Products in database: How to avoid to scrape again and again the same data
⤵️ Request Products with an api: How to give access to your data- 🐛 Test your code: How to ensure quality and confidence
- 🚀 Deploy in production: How to give access to anyone
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. |