-
Notifications
You must be signed in to change notification settings - Fork 0
/
read-the-docs.html
199 lines (181 loc) · 9.92 KB
/
read-the-docs.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Keanu Gomes | Case Studies | Read Docs</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="">
<link rel="icon" type="image/png" href="images/favicon-kg.png">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="read-the-docs.html" class="logo">Case Studies</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">my portfolio</a></li>
<li><a href="about-me.html">about me</a></li>
<li class="active"><a href="read-the-docs.html">case studies</a></li>
<li><a href="contact-form.html">contact me</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/keanugms" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.github.com/kgdatatech" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">Jun. 2024</span>
<h1>Read Docs: 'RapGRT'<br />
Creative AI assistant for music artists</h1>
<p>Full stack development documentation:<br />
Summary, resources, limitations, privacy, security, notes and discussion<br />
<h6>(Personal project)</h6>
</p>
</header>
<div class="image fit">
<img src="images/Rapgrt-portfolio-cover-ezgif.com-video-to-gif-converter.gif" alt="'GoBoat' Portfolio Project Cover" />
<figcaption style="text-align: center;">Fig 1. RapGRT GIF of homescreen AI chatbot </figcaption>
</div>
<h2>Goal</h2> Build a tool for music artists that help streamline idea creation and workflow utilizing full stack development and AI machine learning capabilities. #Artificialintelligenceart<br />
</br>
<h4>What's it made of?</h4>
1. Notepad<br />
2. Beats playlist<br />
3. Freestyle rapword generator<br />
4. Large-language-model + GPT AI chat<br />
5. Metronome (desktop feature only)<br />
<br />
<div class="image fit">
<img src="images/fullsend.png" alt="Image of RapGRT made home page in light theme" />
<figcaption style="text-align: center;">Fig 2. RapGRT in light theme - You can listen to beats and write lyrics while generating rap words to freestyle with.</figcaption>
</div>
<div class="image fit">
<img src="images/chatbot.png" alt="Image of RapGRT made home page features in dark theme" />
<figcaption style="text-align: center;">Fig 3. RapGRT in dark theme - Music artists can gain further streamlined workflow by using our Creative AI assistant with up to date knowledge base.</figcaption>
</div>
<div class="image fit">
<img src="images/rapoutput.png" alt="Image of RapGRT made home page features about Rapoutput 'Rap faster with RapGRT'" />
<img src="images/metronome.png" alt="Image of RapGRT made home page features about metronome 'Rap faster with RapGRT'" />
<figcaption style="text-align: center;">Fig 4. If users do not wish to listen to music, they can instead streamline their focus on developing the skills to rap faster and staying on pace by adjusting the <b>Word Speed</b> parameter and selecting the metronome to adjust the bpm pace with the rap generator. </figcaption>
</div>
<section id="rapgrt-overview">
<h4>What’s it do?</h4>
<p>Allows musicians and artists to streamline their workflow by emphasizing 3 main components:</p>
<ul>
<li>Idea generation</li>
<li>Text generation</li>
<li>Audio playlisting</li>
</ul>
<p>Artists typically listen to beats while writing music. They like to have ideas generating while writing and listening to music. Artists, typically male artists, in group settings tend to freestyle and want ideas spun up to rap on in topic. RapGRT allows for all components of workflow combined into one simple UI.</p>
<h4>Environments</h4>
<ul>
<li>VS Code</li>
<li>Jupyter Notebook</li>
</ul>
<h4>Frameworks (frontend UI)</h4>
<ul>
<li>Vite+React</li>
</ul>
<h4>Server (backend)</h4>
<ul>
<li>Flask API</li>
</ul>
<h4>Languages</h4>
<ul>
<li>JavaScript</li>
<li>JSX (JavaScript XML)</li>
<li>HTML</li>
<li>CSS</li>
<li>Python</li>
</ul>
<h4>Resources</h4>
<ul>
<li>OpenAPI</li>
<li>OpenAI</li>
<li>Huggingface dedicated endpoints</li>
</ul>
<h4>Models</h4>
<ul>
<li>GPT-4o</li>
<li>GPT-3.5 Turbo</li>
<li>Llama-3</li>
<li>Dolphin-2.9</li>
</ul>
<h4>Benefits</h4>
<ul>
<li>Production deployable chat box widget backed by LLM and GPT capabilities</li>
<li>System knowledge customization and fine-tuning</li>
<li>Anonymous data retrieval for model fine-tuning</li>
</ul>
<h4>Limitations</h4>
<ul>
<li>API server costs, Virtual Machines, Cloud deployments, and GPUs can be costly depending on your provider and setup. Be sure to note this.</li>
</ul>
<h4>Privacy & Security</h4>
<ul>
<li>Please view the privacy policy <a href="https://www.rapgrt.com/privacy-policy">here</a>.</li>
</ul>
<i>Thanks for following along! (This page is subject to recieve updates at anytime.)<br/>
<i>Last updated: 07/06/2024</i>
</section>
<br />
<ul class="actions">
<li><a href="integrateai.html" class="button small">Learn More</a></li>
</ul>
<ul class="actions">
<li><a href="case-study-2.html" class="button small">Go Back</a></li>
</ul>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section class="alt">
<h3>Location</h3>
<p>Miami-Fort Lauderdale Area, FL</p>
</section>
<section>
<h3>Email</h3>
<p><a href="mailto:keanudatatech@gmail.com">keanudatatech@gmail.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/keanugms" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.github.com/kgdatatech" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
<section>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© 2024, Keanu Gomes, Full Stack Dev | AI/ML Engineer | Analyst</li><li>Email: <a href="mailto:keanudatatech@gmail.com">keanudatatech@gmail.com</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>