-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
128 lines (125 loc) · 7.14 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>freeCodeCamp Challenges of Akiko</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="fcc/base.css">
<link rel="stylesheet" href="fcc/ribbon.css">
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<link href="https://unpkg.com/[email protected]/dist/css/ionicons.min.css" rel="stylesheet">
</head>
<body>
<div class="header">
<header>
<div>freeCodeCamp Challenges of Akiko</div>
<nav id="navbar">
<ul>
<li><a href="https://github.com/akiko-pusu/">Profile</a></li>
<li>
<a href="https://github.com/akiko-pusu/fcc-challenge">GitHub</a>
</li>
</ul>
<img class="header_icon" src="https://avatars2.githubusercontent.com/u/122621?s=40&v=4">
</nav>
</header>
<nav id="small-navbar">
<ul>
<li><a href="https://github.com/akiko-pusu/">Profile</a></li>
<li>
<a href="https://github.com/akiko-pusu/fcc-challenge">GitHub</a>
</li>
</ul>
</nav>
</div>
<main>
<section class="main-section" id="Introduction">
<header>
<h2>
<ion-icon name="medical"></ion-icon>About this site / このサイトについて
</h2>
</header>
<article>
Welcome to my static web site that contains project challenges for freeCodeCamp. Currently, this site is set up for learning at the front end.
Thank you very much.
</article>
</section>
<section class="link-section" id="Challenges">
<header>
<h2>
<ion-icon name="medical"></ion-icon>Index / 課題の一覧
</h2>
</header>
<article>
<h3>Responsive Web Design</h3>
<ul>
<li><a href="https://codepen.io/akiko-pusu/pen/YddeXq">Tribute Page</a> (on CodePen.io)</li>
<li><a href="https://codepen.io/akiko-pusu/full/XowEKo">Survey Form</a> (on CodePen.io)</li>
<li><a href="landing-page.html">Landing Page</a></li>
<li><a href="technical-document-page.html">Technical Document Page</a></li>
<li><a href="portfolio.html">Portfolio Page</a></li>
</ul>
</article>
<article>
<h3>Javascript Algorithms And Data Structures</h3>
<ul>
<li><a href="es6/index.html">ES6 import/export features sample</a> (Not project but as a study)</li>
<li><a href="js-challanges/index.html">JavaScript Algorithms and Data Structures Projects</li>
</ul>
</article>
<article>
<h3>Front End Libraries</h3>
<ul>
<li><a href="https://codepen.io/akiko-pusu/full/XWryyLm">Build a Random Quote Machine</a> (on CodePen.io)</li>
<li><a href="https://codepen.io/akiko-pusu/pen/NWKemEZ">Simple React Markdown Previewer</a> (on CodePen.io)</li>
<li>
<a href="./frontend-libraries/project3/dist/index.html">Build a Drum Machine</a> / Source on <a href="https://codepen.io/akiko-pusu/pen/BaBMqej">CodePen</a>
</li>
<li>
<a href="./frontend-libraries/project4/dist/index.html">Build a JavaScript Calculator</a> / Source on <a href="https://codepen.io/akiko-pusu/pen/MWgdrRL">CodePen</a>
</li>
<li>
<a href="./frontend-libraries/project5/dist/index.html">Build a Pomodoro Clock</a> / Source on <a href="https://codepen.io/akiko-pusu/pen/RwbmzZE">CodePen</a>
</li>
</ul>
</article>
<article>
<h3>Data Visualization</h3>
<ul>
<li><a href="./data-visualization/project1/index.html">Visualize Data with a Bar Chart</a></li>
<li><a href="./data-visualization/project2/index.html">Visualize Data with a Scatterplot Graph</a></li>
<li><a href="./data-visualization/project3/index.html">Visualize Data with a Heat Map Graph</a></li>
<li><a href="./data-visualization/project4/index.html">Visualize Data with a Choropleth Map</a></li>
<li><a href="./data-visualization/project5/index.html">Visualize Data with a Treemap Diagram</a></li>
</ul>
</article>
<article>
<h3>APIs and Microservices</h3>
Source code only:<br/>
<ul>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/3f8290e25ca6f646074b427dae4df71d32196111">Timestamp Microservice</a></li>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/27b1728466fbca6694b85bd9ec2098edc2c19972">Request Header Parser Microservice</a></li>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/547a68b0d5cc187a416683a5874135747a8e2726">URL Shortener Microservice</a></li>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/7da93fe61b1de58946a3c13d72b35d3b5d026231">Exercise Tracker</a></li>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/b3db7224715f8e4634d35010c24f6e4f6432f4ea">File Metadata Microservice</a></li>
</ul>
</article>
<article>
<h3>Quality Assurance</h3>
Source code only:<br/>
<ul>
<li><a href="https://github.com/akiko-pusu/fcc-challenge/commit/95df673eb2bef8ed326bf04b09a1b040f150e6a9">Metric-Imperial Converter</a></li>
<li><a href="https://github.com/akiko-pusu/fcc-project-issue-tracker">Issue Tracker</a></li>
<li><a href="https://github.com/akiko-pusu/boilerplate-project-library">Personal Library</a></li>
<li><a href="https://github.com/akiko-pusu/boilerplate-project-sudoku-solver">Sudoku Solver</a></li>
<li><a href="https://github.com/akiko-pusu/boilerplate-project-american-british-english-translator">American / British Translator</a></li>
</ul>
</article>
</section>
</main>
<footer>
This page is provided as one of the Responsive Web Design Project's work of <a href="https://learn.freecodecamp.org/"
target="_blank" rel="noopener noreferrer">
freeCodeCamp</a>.
</footer>
</body>
</html>