You are browsing as a guest. Sign up (or log in) to start making projects!

Latin Study Aid

By @jamkv359

  • 5 Devlogs
  • 30 Total hours

Hey everyone! I'm making the basis of a study website for the Cambridge Latin Course, a revision resource for this absolutely hellish language. It contains: - A vocab type-in tester, with all the words from stage 1-40 (about 888 words). - A vocab dictionary/database, displaying the entire database in an organised and sortable table. The user can search specific words, or sort by stage or word type. - Various grammar testers - one for noun endings, another for pronouns, and a few for the 672 verb endings. The frontends and table formatting for these can be altered by the user. - Different vocab games; for example, a Hangman or Unscramble game, multi-choice quizzes, etc. - Achievements, test performance, Experience Points and Level system, multiple website themes. I've also included a multitude of other frontend, interactive, and personalised features, making this website more like a duolingo than a static app.

Source
Ship #1 Changes requested

@jamkv359 on Latin Study Aid

Latin is a subject with fantastic history — but not always fantastic study resources.
I built this 'Latin Study Aid' website to make revision feel more engaging than flipping through vocabulary lists and pages of verb endings. Instead of a collection of isolated pages, I wanted it to feel like a complete learning platform, with persistent progress, achievements, statistics, music, multiple revision modes, and personalised features that encourage students to keep coming back.
The project is written entirely in HTML, CSS and JavaScript without using frameworks. Most pages are generated dynamically with Javascript from large databases, allowing new vocabulary, grammar and achievements to be added with minimal code changes.
I'd say, the tallest hurdle in this project was the persistent bugs in Javascript, and the stylistic failures in CSS. Especially after implementing lage amounts of localStorage variables, debugging required looking over a multitude of scripts. I'd say, what I'm most proud of are the massive databases that I constructed - around 2400 Google Sheet rows were managed by me, accumilating super satisfyingly into ordered Javascript arrays and objects.
Over the course of development, the project grew from a simple vocabulary tester into a multi-page, cohesive platform containing both the interactive resources for modern study, and many quality-of-life features, both designed specifically for studying Latin.

The website can be easily accessed on a Netlify-hosted domain: https://latin-study-aid.netlify.app/.

  • 5 devlogs
  • 30h
Try project → See source code →
Open comments for this post

@jamkv359 on Latin Study Aid

2h 55m 55s logged

Hey everyone!
Fifth devlog: My Latin-language Study Aid is nearly done!
Today, I was mainly cleaning up my code, fixing some bugs, cleaning up stylistic features, and getting ready to ship my project. I also uploaded my files to Github, as well as making the website public on netlify, at:
https://latin-study-aid.netlify.app/
I also polished up the Google Sheets documents which I managed the massive databases on, cleaning it up for public use/viewing. After this devlog is posted, my devlog will likely have been shipped.
Thanks for reading!

0
0
3
Open comments for this post

@jamkv359 on Latin Study Aid

2h 35m 55s logged

Hey everyone!
Fourth devlog: After a LOT of time spent on Excel and Google spreadsheets, I finally composed the vocab database for the De Romanis Latin Course!
I implemented this into the website, and now:

  • The user can choose which vocab set they want to learn; either the Cambridge Latin Course, or the De Romanis Course.
  • The user can see the ‘learning progress’ for their vocab for each stage
  • The achievements have been altered to accommodate for the new vocab database
    Not only that, but I also added another feature; the Username.
  • After users enter their username on the dashboard/hopepage, it is saved to localStorage
  • Each page in the website greets the user by their username
    Having implemented all I can, I think I’m ready to ship my project soon. If I get no more ideas for this project, this might be my final devlog. Thanks, all of you, for reading!
0
0
17
Open comments for this post

@jamkv359 on Latin Study Aid

1h 32m 22s logged

Hey everyone! Third devlog: Just today, I added a new page to my Latin Study Website - the flashcard feature.
Users can now:

  • Flip through all 800+ latin words in the Cambridge Latin Course wordlist, in anki-style flippable flashcards
  • Filter out the wordlist by ‘stage’ and ‘type’, so they can focus their revision to what’s relevant to them
  • I did this mostly by copying my previous code for the Type-in Vocab Tester, and simplifying it so that no input, other than the ‘reveal’ button, is needed to progress.

On the side, I also cleaned up the index.html homepage, so that it can display more statistics and data about the user: tests completed, average score across all tests, longest login streak, total days logged in.
Not only that, but I also fixed the position of the macron keyboard to the top left of the viewport, since my addition of the music player, at the bottom of the viewport, covered it.
I had some trouble uploadng my changes to the project on github, due to the massive number of music files in the ./music folder - so I spent a lotta time uploading them individually.
Next, I plan on making a seperate vocab database, but from the De Romanis Latin Course rather than the Cambride Latin Course, allowing for more diversity in the website.

0
0
9
Open comments for this post

@jamkv359 on Latin Study Aid

5h 38m 52s logged

Hey everyone! Second devlog: Recently, I added a universal feature to my Latin Study Aid website: the music playlist function.

  • Users can listen to music while they study- They can select music from a large ‘music library homepage’, referencing a database that consists of the genres lofi, lofi pop, and pop (no lyrics).
  • Like Spotify, users can access and change the music at the very bottom of their viewport, from any page in the website.
  • The music is public domain, selected from Pixabay, each referenced to the original creator by hyperlink from the music library homepage.
    Overall, I’m really happy about the direction of this project - and am currently running out of ideas, heh. What do you all think I should add next?
0
0
5
Open comments for this post

@jamkv359 on Latin Study Aid

17h 45m 36s logged

Hey everyone! First devlog: I started making the basis of a study website for the Cambridge Latin Course, a revision resource for this absolutely hellish language.
Recently, I’ve added a few neat features to make the website more interactive.

  • ‘Previous tests’ - The user can see the results of previous tests they’ve done on this website, saved to localStorage. The average percentage, standard deviation, highest test score, and total quesitons answered can be seen. Note that this function works only for the vocab type in, noun endings, pronoun, and verb endings tests
  • Website colour themes - 2 different colour themes are available for all pages - light and dark mode, changeable by tickbox. The user preference is saved to localStorage, so they don’t have to change it each time.
  • Achievements - the user can see what achievements they have and haven’t completed. The achievements are saved to loacalStorage, sorted by difficulty, and most definitely never end.
  • Vocab and Verb grammar completion progress - the user can see what words/verb endings they have and haven’t answered correctly to in their history on this website, saved to localStorage.
  • XP and level feature - the user can accumilate experience points and increase their level, by acing tests, ticking off more vocab words/verb endings, logging in daily, or unlocking achievements.
  • Time-sensitive quotes - at the top of each page, the user can read a quote. Its attitude may be inspirational, friendly, witty, or reference ancient Roman scholars, depending on what page the user is on. Their comment also depends on what time of day it is, either chastising you to sleep or praising you as an early bird.
  • Post-test Latin quotes - the user also gets a quote in Latin (from famous Roman history), and its english translation every time they finish a test, depending on how well they did. It’s randomly generated, so the same score won’t yield the same quote. it can be inspirational, encouraging of your failure, or pleased with your performance.
  • Beta version archives - The user can access a multitude of scrapped pages that were either replaced or not needed as this project developed.  They’re unpolished; no dark mode, no localStorage.
  • Sample tests - the user can access past test papers from my school, now digitalised. Currently there’s only one, but there might be more.
    In the existing fronted, I used AI to help me with: composing the quotes, giving me some ideas, debugging or formatting, and make the colour scheme. I also used excel to help make the huge databases; for vocab, grammar, and achievements.
    Overall, I’m happy with how this project is going! Next, I’m planning on imkplementing a lofi-beats playlist, where the user can listen to music running from the website itself.
0
0
6

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…