Codepedia

(v0.2.5-alpha) Codepedia Design #5: Logo Revamp + Other Fixes

Changelog:

• Codepedia Design #5: Logo Revamped!
• ab0b985: The logo is now mathematically accurate, also I tried to make the SVG more efficient but i had to revert. Removed themes page. Renamed meta-banner.png to banner.png.

Next Steps:

• Navbar: Functionality
• Main Homepage
• Add Language Pages
• Fix routing from HashRouter to Browser Router

Notes:

Uhh from today updates may get fewer and more distant cuz of exams yk :(. Also imma complete the excavation game soon.

(v0.2.2-alpha -> v0.2.4-alpha) Deployemnt and Routing Fixes

Changelog:

• ab0b985: Couldn’t fix a typo in a file name so decided to delete and remake the file; Deleted NavBar.tsx
• 93478db: Added Navbar.tsx
• 8b29ced: Soo previously I was using BrowserRouter which was working but when going directly to the route (e.g. /about) it failed to load the page. So for now TEMP I’m using HashRouter which changes pages to /#/(page). e.g. /about to /#/about. ALSO added TODO list in the README.md

Next Steps:

• Navbar Completion: Functionality
• Main Homepage
• Add Language Pages
• Fix routing from HashRouter to Browser Router

Notes:

I hope you are having a nice and fruitful dayy!

(v0.2.1-alpha) Nav Fixes + Routing (Removed Sidebar)

Changelog

• 65e9bb7: Removed the sidebar which was hogging the available space. Fixed the navbar Issue #1 and added seamless routing using react-router and react-router-dom. Also added was meta tags that now embed the name and logo of codepedia (Img 2).

Next Steps:

• Main Homepage body
• Actually, add a language page.

Notes:

If you actually notice i have changed the logo instead of being a rectangle its now actually a squircle! so YAY

Navbar + Sidebar Update: Theme Revamped!

Revamped the UI of the Navbar and added the structure of the Sidebar! I’m pretty happy how it turned out. Here are some technical details for my nerds:

Changelog

• (v0.2.0-alpha) Better Nav, Sidebar + Catppuccin Theme!
• (v0.1.1-alpha) NavBar Bug Fixes
• (v0.1.0-alpha) NavBar Creation

Next Steps:

• Sidebar Completion
• Main Homepage Body

(v0.1.0-alpha -> v0.1.1-alpha) + Codepedia Design #4

NavBar Development & Bug Fixes!

So, this was a productive session!

DEMO URL: https://rupnil-codes.github.io/codepedia/
I just added & designed some of the logos and banner. BUT the maximum productivity was made in WebApp Development!

I made this navbar component in REACT + VITE + TS and I am pretty proud of this!!

Next Steps:

• [] Sidebar (Code)
• [] Programming Language Pages (Design)

Codepedia Design #3!!

So as you can clearly see, I cooked up this beautiful sleek UI which is infact incomplete T-T.
Its , i kid you not, 12 am and I am extremely sleepyyy.

So drop your suggestions and I’ll check them out tmrw!
Thanks Y’all!!

Codepedia Design #2!

Very productive session! Cooked up this beautiful logo and banner!
Thought the banner is not the final one, Im still happy how it turned out!
Unlike yesterday tho I had a clear idea for the logo as I had been doodling the whole day at School LMAO.
Anyways I think Imma design a landing page for the site and then start coding!

Thanks Y’all!

Codepedia Design #1!

Nothing too fancy to boast about
But uhh i “attempted” to design but had no good ideas also I have set up the Github Pages for demo!!
Deployed react+vite app from github!

Introducing: Codepedia!

An Encyclopedia of Programming Languages.

So this is my first devlog and honestly i just spent half an hour just installing react+vite. I wrote this basic site!

More updates coming soon!!