|
1 | 1 | <h1 align="center">👻 SnapChat Clone</h1>
|
2 | 2 |
|
| 3 | +<div align="center"> |
| 4 | + <img src="./public/github/tech-logos/react.svg" width="75"> |
| 5 | + <img src="./public/github/tech-logos/redux.svg" width="75"> |
| 6 | + <img src="./public/github/tech-logos/typescript-icon.svg" width="75"> |
| 7 | + <img src="./public/github/tech-logos/javascript.svg" width="75"> |
| 8 | + <img src="./public/github/tech-logos/sass.svg" width="75"> |
| 9 | + <img src="./public/github/tech-logos/webpack.svg" width="75"> |
| 10 | + <br /> |
| 11 | + <img src="./public/github/tech-logos/cypress.svg" width="75"> |
| 12 | + <img src="./public/github/tech-logos/jest.svg" width="75"> |
| 13 | + <img src="./public/github/tech-logos/eslint.svg" width="75"> |
| 14 | + <img src="./public/github/tech-logos/prettier.svg" width="75"> |
| 15 | + <img src="./public/github/tech-logos/storybook-icon.svg" width="75"> |
| 16 | +</div> |
| 17 | + |
3 | 18 | <table>
|
4 | 19 | <tbody>
|
5 | 20 | <tr>
|
|
39 | 54 | >ducks</a
|
40 | 55 | >
|
41 | 56 | proposal to bundle action types, creators and reducers all in
|
42 |
| - one file (reducing the need to jump around) |
| 57 | + one file (reducing need to jump around) |
43 | 58 | </li>
|
44 | 59 | <li>Flat state tree (avoids deeply nested properties)</li>
|
45 | 60 | <li>
|
46 | 61 | Follows official Redux styleguide recomendations for naming
|
47 |
| - actions and action types, e.g. |
48 |
| - <code>camera/photosFetched</code> vs <code>SET_PHOTOS</code> |
| 62 | + actions and action types |
49 | 63 | </li>
|
50 | 64 | <li>Uses <code>thunk</code> middleware for async operations</li>
|
51 | 65 | </ul>
|
52 | 66 | </li>
|
| 67 | + <li>Styled with <code>SASS</code></li> |
53 | 68 | <li>Type checked with <code>Typescript</code></li>
|
54 | 69 | <li>Unit tested with <code>Jest</code> and <code>Enzyme</code></li>
|
55 | 70 | <li>End-to-end tested with <code>Cypress</code></li>
|
|
63 | 78 | Feels close to a native app if you "add to homescreen" on mobile
|
64 | 79 | </li>
|
65 | 80 | </ul>
|
66 |
| - <h2 align="center"> |
67 |
| - <a href="https://google.com">[LIVE DEMO]</a> |
68 |
| - </h2> |
69 | 81 | </td>
|
70 | 82 | </tr>
|
71 | 83 | </tbody>
|
|
361 | 373 |
|
362 | 374 | <p>
|
363 | 375 | Please note
|
364 |
| - <strong>I will not be accepting PR's on this project</strong> since it is part |
| 376 | + <strong><u>I will not be accepting PR's on this project</u></strong> since it is part |
365 | 377 | of my personal portfolio. You're more than welcome to fork and maintain your
|
366 | 378 | own version if you like!
|
367 | 379 | </p>
|
|
0 commit comments