forked from vvo/coronamaison
-
Notifications
You must be signed in to change notification settings - Fork 0
/
TODO
137 lines (136 loc) · 11.8 KB
/
TODO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
This file is maintained by https://github.com/fabiospampinato/vscode-todo-plus, you can edit it manually too. If you're interested by one of the items, create an issue with it and discuss it.
Todo:
☐ [Good contribution] add search by author with Algolia
It should be possible to search by author name. Most authors are trying to find their drawings again so that would be nice to have that
The rendering should be the same as the date listings so a lot can be reused with some refactoring I guess
☐ [Good contribution] English version
☐ [Good contribution] Add prev/next links on listings like dates
We have roughly 30% of visitors that are not French
☐ [Good contribution] Host drawings and coloring pages on Cloudinary
Currently we optimize and store all images in the repository and on zeit/now. zeit/now has a 10,000 deployment files limitation. We're reaching this limit and will soon no more be able to push to production. We should upload drawings and coloring pages to cloudinary instead but keeping the drawings and coloringpages in the repository and ignoring them in `.nowignore`
Keeping the drawings in the repository is important as the optimization and coloring pages generation takes a lot of time and can't be done at build time.
☐ [Good contribution] Better menu, we're reaching so many dates that the menu starts to be hard to use. I would prefer to have the current month always opened and have other months folded.
☐ [Good contribution] Add a random items page, this has been asked by project authors (Tim) as a way to discover images easily. Not sure what's the best way to do this though since the selection needs to be made at runtime, not buildtime. Maybe:
Generate a specific stripped down drawingsById.json, minify it
Downloads the full drawingsById.json from the frontend code
Then choose random drawings from it and display them
☐ Share on HN
Once we have an English version, I'd like to try to share it on HN again
☐ [UI] Go up button / or sticky sidebar
☐ Credits all the tools used on the website (mkbitmap)
Project:
✔ README add instructions on how to run it yourself @done(20-04-19 09:06)
☐ [Chore] We can get rid of the source information, it will always be twitter
☐ Go with TypeScript, mostly I am curious about the dev editing experience in TypeScript
Archive:
✔ Add a drawing page with share buttons, original tweet, version à colorier @done(20-04-07 15:00) @project(Todo)
✔ Add alt description and titles everywhere @done(20-04-07 15:00) @project(Todo)
✔ In general, add more of "CoronaMaison" keyword (double check pages) @done(20-04-07 15:00) @project(Todo)
✔ share buttons on all pages @done(20-04-07 15:00) @project(Todo.Website)
✔ Click on drawing = drawing page @done(20-04-07 15:00) @project(Todo.Website)
✔ Has drawing in full @done(20-04-07 15:00) @project(Todo.Drawing page)
✔ Displays original tweet using embedded tweet @done(20-04-07 15:00) @project(Todo.Drawing page)
✔ Has a feature to turn the drawing into full black/white for colouring page @done(20-04-07 15:00) @project(Todo.Drawing page)
✔ Has a feature to print the drawing/colouring page @done(20-04-07 15:00) @project(Todo.Drawing page)
Most important part is done, it's linked directly from the list page
✔ Has feature to display large image (like https://pbs.twimg.com/media/ETaYWXEWoAQTCGU?format=jpg&name=large or https://pbs.twimg.com/media/ETaYWXEWoAQTCGU?format=jpg&name=4096x4096) @done(20-04-07 15:00) @project(Todo.Drawing page)
✔ Update RT count in prepareData: https://developer.twitter.com/en/docs/tweets/post-and-engage/api-reference/get-statuses-lookup @done(20-04-01 21:43) @project(Todo.Data)
✔ add page "À propos" (original tweet from PenelopeB, source code link, how to manually add a drawing, how to remove a drawing...) @done(20-04-01 00:10) @project(Todo)
✔ Je trouve pas mon dessin (que la première photo @done(20-04-01 00:10) @project(Todo)
✔ croquis! @done(20-04-01 00:10) @project(Todo)
✔ Et Instagram? @done(20-04-01 00:10) @project(Todo)
✔ page à colorier manuellement @done(20-04-01 00:10) @project(Todo)
✔ add reference to // <a href="https://www.freepik.com/free-photos-vectors/background">Background vector created by freepik - www.freepik.com</a> for the background @done(20-04-01 00:10) @project(Todo)
✔ my name, their name @done(20-04-01 00:10) @project(Todo)
✔ other website @done(20-04-01 00:10) @project(Todo)
✔ change the coloring version @done(20-04-01 00:10) @project(Todo)
✔ twitter avatars issue @done(20-03-31 16:48) @project(Todo)
fixed using https://twitter-avatar.now.sh/ :D
✔ finish png optimization @done(20-03-31 15:55) @project(Todo)
✔ find . -iname '*png' -exec pngout -y {} {} \; @done(20-03-31 15:55) @project(Todo)
✔ Add pngout in preparedata @done(20-03-31 15:31) @project(Todo)
✔ Feedback to zeit about moving a project @done(20-03-31 10:46) @project(Todo)
✔ @done(20-03-31 10:46) @project(Todo)
✔ Manual update: @done(20-03-31 15:51) @project(Todo)
✔ https://twitter.com/Zoryall/status/1244918866100260864/photo/1 @done(20-03-31 15:51) @project(Todo)
✔ https://twitter.com/messages/14908513-361910845 @done(20-03-31 15:51) @project(Todo)
✔ new domain name (how to transfer?) @project(Todo.Website)
coronamaison.net @done(20-03-31 11:50)
✔ Deploy @done(20-03-30 23:09) @project(Todo)
✔ Add search (to find your own drawing mostly :D) @done(20-03-30 23:10) @project(Maybe next features)
✔ Create only two image variations @done(20-03-30 11:49) @project(Todo.Website)
✔ add page "Je veux participer !" (explains how to do it) @done(20-03-29 23:22) @project(Todo.Website)
✔ Drawings image should use srcset to only download the right image @done(20-03-30 11:49) @project(Todo.Website)
✔ Drawings should use <picture's> onload event with https://github.com/CloudPower97/react-progressive-picture @done(20-03-30 11:49) @project(Todo.Website)
handled via vanilla-lazyload
✘ sitemap @project(Todo.Before launch)
not needed for simple websites: https://www.imarc.com/blog/do-sites-really-need-a-sitemap-for-seo @cancelled(20-03-29 23:08)
✔ native lazy + placeholder ? (delay) @done(20-03-29 22:02) @project(Todo.Before launch)
✔ blur effect appear @done(20-03-29 22:02) @project(Todo.Before launch)
✔ Code splitting Next.js + svg inline? search issues or create discussion @done(20-03-29 22:09) @project(Todo.Before launch)
✔ change prefetch to only last date and add documentation to nextjs @done(20-03-29 22:09) @project(Todo.Before launch)
✔ inline svgs @done(20-03-29 22:09) @project(Todo.Before launch)
✔ reduce data sent in getStaticProps to the bare minimum @done(20-03-29 22:09) @project(Todo.Before launch)
✔ remove unused modules from sqip @done(20-03-29 22:10) @project(Todo.Before launch)
✘ whiter background @cancelled(20-03-29 22:17) @project(Todo.Before launch)
I tried it, liked better the strong one :D
✘ use preact @project(Todo.Before launch)
not working @cancelled(20-03-29 22:25)
✔ regenerate thumbnails low quality since no more needed to have lots of small pixels @done(20-03-29 22:26) @project(Todo.Before launch)
✔ create and add favicon (like an emoji 🎨) @done(20-03-29 22:26) @project(Todo.Website)
✘ "better" UI @project(Maybe next features)
good enough @cancelled(20-03-29 22:26)
✔ Add transition between pixel and real version @done(20-03-29 22:26) @project(Maybe next features)
✔ Manage to inline SVGs into pages without blowing out the build output size @done(20-03-29 22:26) @project(Maybe next features)
it was because of prefetch
✔ Share to websites publishing stories about that @done(20-03-27 16:46) @project(Todo.Launch)
✔ Share to linkedin @done(20-03-27 16:03) @project(Todo.Launch)
✔ Share to facebook @done(20-03-27 16:46) @project(Todo.Launch)
✔ <meta> information for every page (different per page) @done(20-03-27 16:46) @project(Todo.Before launch)
✔ Why Next.js downloads json files on [day].js? Search issues @done(20-03-27 16:46) @project(Todo.Before launch)
Ok it's expected from the doc
✔ Image size of thumbnails in html code @done(20-03-27 14:49) @project(Todo.Before launch)
✔ ensure images are always stretched to full width @done(20-03-27 14:49) @project(Todo.Before launch)
✔ Show avatar and username at the top of drawings instead of below @done(20-03-27 14:49) @project(Todo.Website)
✔ Cache images locally and turn into webp @done(20-03-27 14:50) @project(Maybe next features)
✔ host images locally in webp @done(20-03-27 01:51) @project(Todo.Before launch)
✔ Download drawings in original size and save original file to the project (for archives) @done(20-03-27 11:30) @project(Todo.Website)
✔ disable scroll on body when menu is opened (portrait mode has this issue) @done(20-03-27 00:18) @project(Todo.Before launch)
✔ Add active on menu items @done(20-03-27 00:01) @project(Todo.Before launch)
✔ Add simple analytics @done(20-03-26 21:47) @project(Todo.Before launch)
✔ Menu on desktop should not be so far @done(20-03-26 21:47) @project(Todo.Before launch)
✘ Instagram API @cancelled(20-03-26 23:28)
There's no way we can use the Instagram API, they completely locked down their data (24 hours max)
✔ Add mobile menu @done(20-03-26 15:20) @project(Todo.Before launch)
✔ Add number of drawings in total (title) @done(20-03-25 23:11) @project(Todo.Data)
✔ move db.json => data/drawings.json and git ignore @done(20-03-25 22:40) @project(Todo.Data)
✘ Rename findDrawings to twitterSync @cancelled(20-03-25 22:40) @project(Todo.Data)
✔ Remove twitter-cache.json @done(20-03-25 22:40) @project(Todo.Data)
✔ Index page => most popular ones @done(20-03-25 22:41) @project(Todo.Website)
✘ Rename twitter-drawings.json to twitter-sync.json @cancelled(20-03-25 18:02) @project(Todo.Data)
file not used
✔ Add a way to remove non relevant images @done(20-03-25 17:52) @project(Todo)
✔ Add RT and FAV count to data as likes @done(20-03-25 17:52) @project(Todo)
✘ Do not host the text ourselves, dispay the embedded tweet in the drawing page @cancelled(20-03-25 17:53) @project(Todo)
✔ Rename prepareDatabase to prepareData @done(20-03-25 17:55) @project(Todo)
✔ Add number of drawings per day @done(20-03-25 17:55) @project(Todo)
✘ findDrawings: update to store directly by date arrays (drawings["2020-03-20"].push ...) @cancelled(20-03-25 17:56) @project(Todo)
✘ findDrawings: update with luxon for sync dates to ensure we can run it easily @cancelled(20-03-25 17:56) @project(Todo)
✔ Do not download image if it already exists @done(20-03-24 22:10) @project(Todo)
✔ Do not host the images ourselves, load them from twitter @done(20-03-24 22:10) @project(Todo)
✔ Generate menu and add navigation with real routes @done(20-03-24 22:45) @project(Todo)
✔ Add number of drawings on the date object @done(20-03-24 22:56) @project(Todo)
✔ Add number of drawings on the day page (xx dessins le ...) @done(20-03-24 22:56) @project(Todo)
✔ stop using traces @done(20-03-25 17:51) @project(Todo)
✔ generate image trace with sqip at prepareData @done(20-03-25 17:51) @project(Todo)
✔ store previews in public @done(20-03-25 17:51) @project(Todo)
✔ use react progressive to load them @done(20-03-25 17:51) @project(Todo)
✔ git ignore db.json @done(20-03-24 21:25) @project(Todo)
✘ sqlite + cache @cancelled(20-03-23 09:28) @project(Todo)
using lowdb as a simple json database
✔ generate all days @done(20-03-24 21:18) @project(Todo)
✔ day by day navigation @done(20-03-24 21:20) @project(Todo)
✘ add a script that takes in input a tweet id and add it to the database @cancelled(20-03-24 21:24) @project(Todo)
let's wait for the need
✘ show avatar, twitter username, date and time, text excerpt @cancelled(20-03-24 21:24) @project(Todo)
done diferently