CodingStunts.github.io/todo.html at main · CodingStunts/CodingStunts.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React Native To-Do</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="sub-frame">
      <img id="background-img" src="Media/Photos/background-image.jpg" />
      <div class="see-through-background"></div>
      <section class="project-page">
        <a href="index.html">
          <img
            src="Media/Photos/logos-icons/back-arrow.png"
            class="back-icon"
          />
        </a>
        <div class="app-text">
          <h1>Simple To-Do List.</h1>
          <br />
          <p>
            A simple, single-page React Native todo list. This was done as part
            of the spiking phase of the Naturely team project application,
            whilst looking at the best tech to use on the front-end for a Native
            app. It uses state to simply update an array of task cards. View the
            code
            <a
              target="_blank"
              href="https://github.com/CodingStunts/React-Native-To-Do"
              >here.</a
            >
          </p>
        </div>
        <section class="screenshots">
          <div class="single-screenshot">
            <img
              src="Media/Photos/React Native/To Do List/React-Native-todo.png"
            />
            <h4>Several tasks added.</h4>
          </div>
          <div class="single-screenshot">
            <video height="560" controls="true">
              <source
                src="Media/Photos/React Native/To Do List/Todo-video-demo.MP4"
                type="video/MP4"
              />
            </video>
            <h4>Demo video.</h4>
          </div>
        </section>
      </section>
      <div class="see-through-background"></div>
    </div>
  </body>
</html>