Please sign in to access this page
This is a site to help prep for scioly! I noticed that all the scioly resources online were quite scattered, so I thought about making a central hub of information. It's also a way for me to learn more about using Next.js and Firebase as a backend, as well how to integrate it with front-end web design.
- AI helps me with learning React.js, Next.js. I'm completely new to fullstack dev, hence this project taking a while..
- It helps me more with explaining some concepts than coding though.
- alright, remember to like and subscribe for a 🍪
(easter egg? hm.)
x x x x x x x x x ▒▒▒▒▒▒▒▒▒▒ 45% to alpha!
stuff
[x] next.js working
[x] home pages working
[x] made a landing page
[x] docs working
[x] dashboard working
[xx] tests page working (a lot of stuff)
[x] algolia + something for questionDB (..ish)
[ ] set up progress tracking
[ ] more notes. or something
[ ] the rest of the questions
[ ] fix up some docs layout
[ ] learn mode ????
... and etc
Maksiks
Check their projects out: Amethyst, Rubi mod 1.21.6 port, 🗿🍷Moai bot, ❄️Maksiks, 🤙Swish, 🌌 Weird runic hex matrix, Chaos Abyss, Markdown-it image captions
Dev
Check their projects out: STARTER GAME ON GODOT, Magical Typewriter ✨, Foxisync, SNUBBIE - A Compliment/Roast Discord Bot , Spring Planner, StudyStory, StudyStory
cloudTwelve
Check their projects out: LearnLog, Aesthetic Timer, timepiece - the time-bank productivity extension, Caesar Cipher Site, HackIt!, give out snacks at 4am
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
you should buy custom css (if you want)
Soooo Nextra was really hard to integrate into a project. Contentlayer didn't work. Basically, a surprising lot of these libraries seem to be made for websites that are JUST documentation.
So I made a minimal MDX -> html thing using react-mdx-remote
& related libraries! Also learned about hooks and did troubleshooting. Anyways, docs looks a lot less broken now lol, and i will now melt on the floor (why is there not a working library for this)
Hey I'm back again! Apparently the build error was caused by my useSearchParams()
part not having a <Suspense>
boundary for loading. Search params as the ?practice_id=102932094394 stuff in a website url.
Anyway gonna merge with main so that more pages work :)
I'll prolly ship when I get the docs working too
Smallish updates!
① No more /pages !!!! now using /app.
② Some funky react-dom updates and updating the packages
③ use client (I have yet to really figure this one out)
④ other small front-end things
⑤ Tried to set up nextra (for docs.) not yet, I guess.
We are at 100 commits lol. I don't really have any site image updates, but here's a clippy
HELLO EVERYNYAN.
I have updated the site landing page, and the about page, and the privacy policy, all that frontend jazz ・゚✧・゚✧
been working on making practice test UI :)
Also, next.js migration is done & all the folder stuff has been fixed. it took a while.
Hopefully vercel won't die on me now haha
Next.js migration is almost complete! There are a few bugs with algolia.
Also, added a lot of the backend & frontend configuration for generating practice tests. (The actual test UI isn't there yet)
I barely know what I'm doing with backend so, had to ask GPT about that haha. Idk what image to upload so, here's a good representation of my three braincells trying to work this out
Features added in the last 10 hours:
- searching & algolia config
- dependency issue but it's okay, I'll update react with algoliav4 later
- entire front page
Suffering added in the last 10 hours:
- tailwind
- migrating to next.js (nextra) after gatsby dying and deciding to not use astro,
because of how much docusaurus' figma is fighting a civil war against tailwindcss
- eslint hell
- wakatime isn't even recordin gmy time anymore.?? or it's not showing up. idk man
Innn the last 4 hours or so I made another repository! This one is for storing database qusetions. I also used a bunch of python libraries to read questions from google drive files. Yippee! (These questions are not pirated, they are from the scioly wiki)
Also used Open AI API to generate explanations for questions. Currently using Algolia search for generating questions
currently collecting my team of python libraries to try and do webscraping and pdf reading
Hi. Now when you log in, it actually creates your account! Wow! Also auth persistence across reloads. That's about it
Oh no, I forgot to devlog.
In the past like 13 hours, I checks github commits added functionality stuff, and filler pages for other concepts. I also did a lot of mapping out on paper for the database structure (I've never done this kinda stuff before, kind of scary! haha.)
--- Added stuff ---
0. Overthinking about a certain UI component of multiple choice. idk I was stuck. it took too long but, ah well, it looks a lot better now!
1. A sidebar, with conceptual stuff like practices and tests
2. Dashboard layout! This included: A bunch more react components, a bit of art, some funny widgets that use either JSON or an API
3. Learning to use Firebase (and more React stuff like effects states) and updating that typescript stuff accordingly. That kinda took a while.
4. [not really in the 13 hours, but] Overthinking about the structure of how I'm going to organize things in firebase. I think it works, mapping it out on paper makes me feel better
5. Added like 1 page of content and made the other 2 more... contenty..
Honestly, almost everything in this project is quite new to me (swizzling stuff, React.js, using Firebase, and drawing out how to structure a website). So I'm taking it slow and learning step by step, hence how it takes a while. I think the gradual exposure to new stuff and the trial-and-error helps with my perfectionistic tendencies a bit.
Wow 11 hours. I did quite a bit of stuff, all geared around site setup & basic layout
(sorta) learned React.js
set up docusaurus
set up tailwind
swizzled the sidebar a little bit
drew some stuff for the homepage!
added topics!
(I am deciding on the dashboard, as well as login features)