Cisse23.github.io/code_projects.html at master · Cisse23/Cisse23.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
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
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link href="style.css" rel="stylesheet" />
    <title>Christel Baker Portfolio</title>
</head>

<body>

    <div class="nav">
        <ul class="nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="index.html#portfolio">Portfolio</a></li>
            <li><a href="index.html#skills">Skills</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </div>

    <section class="projects1" style="margin-top:10rem;">
        <h1 id="skeet">Skeet Shooter</h1>
        <br />
        <p>
            For our last school project we made a 3D Skeet Shooter game in Unity.
            I did most of the programming for this game, including gameplay mechanics,
            programming the UI and designing and implementing a simple SQLite database
            to store scores and show rankings in the game.
        </p>
        <img src="\img\skeet_unity.PNG" />
        <h2>Testing the database</h2>
        <p>
            I wanted to practice planning tests and writing test cases and a test report, so I planned a simple test for
            the database. <br />
            I found writing the Test Plan was the most difficult, it was really hard to decide what should be included.
            I looked at different Test Plans that I found online, and based my plan on those.<br />
            To plan test cases I used our design documentation. I found a great Test Summary Report template on <a
                href="https://www.guru99.com/" target=" _blank">Guru99.com</a>.
            <br /><br />
            Here you can see my <a
                href="https://docs.google.com/document/d/1ely8fEOMuI5LPxvFpX7bmeTvfPrkWjhUzYpC3LHGCgE/edit"
                target=" _blank">Test Plan</a>,
            <a href="https://docs.google.com/spreadsheets/d/1dmT5enpLIlrs2rKbz1z3ujycew0Q0TXjlXX8f6HudLI/edit#gid=0"
                target=" _blank">Test Cases</a>
            and <a
                href="https://docs.google.com/spreadsheets/d/1LCwiKFU80B41-rausiWw4hY79KvnPpI30O5yYdDA7uk/edit#gid=1622932079"
                target=" _blank">Test Report</a>
            <br /><br />

            <img src="\img\skeet_endofround.PNG" />
        </p>
    </section>

    <section class="projects2">

        <div class="container">
            <div class="title">
                <h1 id="50StatesQuiz">50 States Quiz</h1>
                <br />
                <p>This is a simple quiz I made as apersonal project. The motivation was to learn geography while
                    learning to code!</p>
                <p>
                    The player types in as many States as they can remember into the Input Field. The States that they
                    have remembered
                    will turn green on the map. By clicking "Give Up" the player can end the round and see the States
                    that they couldn't remember.
                </p>
                <img src="\img\states_1.PNG" /><img src="\img\states_2.PNG" />

            </div>

        </div>

    </section>


    <section class="contact">

        <div class="contact">
            <div class="title">
                <h1 id="contact">Contact me</h1><br />
                <a href="https://www.facebook.com/cisse.baker" target="_blank"><img src="someicons/facebook.png" /></a>
                <a href="https://www.linkedin.com/in/christel-baker/" target="_blank"><img
                        src="someicons/linkedin.png" /></a>
                <a href="https://github.com/Cisse23" target="_blank"><img src="someicons/github.png" /></a>
                <a href="https://www.instagram.com/sissyy23/" target=" _blank"><img src="someicons/instagram.png" /></a>
            </div>

        </div>
        <!--https://icons-for-free.com/social_flat-icons-set/-->
    </section>

</body>

</html>