Beyond Me Btw is a personal blog and portfolio platform designed to showcase projects and articles that go beyond the ordinary. This site was designed and coded from scratch by me, hosted on a server that uses Nginx and Ubunutu. With innovation at the core, this site to offer a seamless integration of new features as my knowledge base expands, making it a endlessly growing repository of creativity and technical insights.
Check out the site BeyondMeBtw.com
Also check out other showcases
-
Blog: Blog.BeyondMeBtw.com
-
Movies → https://blog.beyondmebtw.com/movies
-
F1 2025 → https://blog.beyondmebtw.com/f1-2025
-
F1 General → https://blog.beyondmebtw.com/f1-general
-
Experiences → https://blog.beyondmebtw.com/experience
-
-
Minis: Minis.BeyondMeBtw.com
-
Projects: Projects.BeyondMeBtw.com
-
Photos: Photos.BeyondMeBtw.com
- major responsiveness overhaul across home, blog, projects and about
- home page: fixed the title clipping into the centered links pill in the 1441-1920 row mode by switching to a fluid clamp on the title size and margin
- home page: minis button position is now dynamic, tracks the get-in-touch card center instead of the viewport edge, and scales smoothly with viewport via clamps for size and offset
- home page: bento grid now drops to 2 columns and promotes get-in-touch to its own full-width row at 1350px instead of 1024, because the email kept getting cut off
- home page: get-in-touch social-links becomes a 2-col grid when the card goes full-width, collapses back to single column at 530px
- home page: links pill restored to ~92% width on mobile with proper padding (was content-sized after a wrong turn)
- home page: links pill regains the 2x2 grid layout at mobile and stays content-width on tablet
- projects page: fixed the thumbnail image not filling cards between 1024-1200 by switching to aspect-ratio 16/9 + object-fit cover, so the image always fills the card no matter the column count
- about page: bento container padding was 95px each side, dropped to 40px to match home
- about page: experience section was horizontally scrolling at all sizes, now a proper responsive grid (3 -> 2 -> 1 cols at 1200 and 768)
- about page: skills restructured into 4 cleaner subcategories (frontend, backend and data, ai/ml, languages) with a side-by-side subcategory grid so the software dev card no longer towers over the others
- about page: mined project tags and added a bunch of missing skills - vue 3, pinia, supabase, postgresql, pwa, indexeddb, mongodb, postman, photography, adobe lightroom, adobe photoshop, ui/ux design, mentoring, team coordination
- design refresh across about-cards, intro-section, skill-category, experience cards and project cards: hairline border + layered shadow replaces the 4-5px heavy left stripes everywhere
- specific css transitions on transform + box-shadow only (no more transition: all), added prefers-reduced-motion fallbacks, killed the perpetual float/pulse icon animations
- installed claude code design skills: impeccable, taste, emil kowalski and caveman, applied their motion and typography conventions
- made upgrades to projects management regards to thumbnails and preferrential ordering
- added information for the 2 new projects
- a new section on the home page dedicated to Minis. 3 featured.
- launched photos by beyondmebtw
- on the backend need to normailze and manage the node server files and nginx server files cross the domains.
- since the last update have created 2 new projects, mynyl and beyondmoney.
- updated content page for better CRUD operations and stylish usability.
- made changes to the manage page for easier usage for me
- minor style and performance improvements here and there
- enhanced manage page, added better operations of CRUD for the posts and added management of projects via the application.
- new ui for the manage page
- made various changes regarding auto update and removed a lot of the hardcode stuff and whatnot.
- Created new url methods to access blog categories and sub categories via the url. all js only, just query parameters and sorting through them
- css code file paths configured to use https
- styling changes to about section skills and expeirence data structures generated
- projects styling improved with the logos and cta
- changed email on homepage
- overall ui fixes regarding shifting during loading
- major revamp mostly code related
- uniformity in the styling css across the pages
- made some backend changes to the manage site, featured posts was still using the old authentication format, updated that.
- logout button was not working and not styled properly, that has been fixed
- Made some styling change to the haptic trailer project
- removed the storage method for the video being used in the haptic trailer project
- replaced the video for the haptic trailer project with a youtube video as the older video was being pinged too much causing too much data usage
- Made some styling changes to MINIS page
- expanded the post part and adjusted fonts
- made the title at the top more attractive by changing the font and color of certain parts
- Made the title BEYOND ME BTW in the pages a clickable thing
- removed useless animations from the minis part
- changed the minis id generation to only do dates and not time as updation was messy
- removed home button from minis because it served no purpose
- reduced lag on the minis page by reworking how content is loaded, removed the marked down parsing which is heavy to just a json data entry, the text is converted into html and stored into json
- along with that a method to create a html file with that content is also created and added according to folder and title for future storage
- removed home button from minis as not needed
- reduced animations and changed some text styling for the minis container
- fixed an issue with the cta minis button on other pages where position was fixed causing to go everywhere
- reworked the adding minis part to show a live preview
- fixed lag and responsiveness of the minis page for mobile and pretty much all types of devices.
- fixed an issue in the generation of the filename and date, it was meant to capture the user time but language settings were a barrier, switched to clear function of IST timezone.
- removed some useless hover features as a part of reducing lag on minis site.
- minis.beyondmebtw.com is launched, it is a live blog which is a short form version of content delivery
- backend support for adding new posts was added with features like images,links,italics and bold also added.
- had to change the way the authentication worked from session storage to cookies to allow for easier aunthenitcation due the fact that the backend for the minis is shifted from manage to its own folder
- made the minis page more stylized than the rest, might do it for the others or create a new seprate version called BMB in HD3D just for fun to see how much design can be made
- added a minis cta on home,blog,projects and about page. responsiveness was done for that as well.
- fixed featured projects on homepage that was removed when manage server functions were removed for updating projects due not being used.
- added a feature in projects page where it scrolls to the top when view details are clicked on smaller devices
- new project was added (haptic trailer : android recreation)
- added a latest posts area so for reference
- setup a domain for the content server, content.beyondmebtw.com for ease
- have to fix an issue with captilization to ensure no issue during data updation
- add a function so that the latest posts part in the manage tab also gets updated when a new post is added.
- Revamped the blog page, now shows all posts
- removed latest posts grid
- added an intro section to the blog page
- added a category selector at the start, this has subcategories as well
- changed json formatting to accomadate duplicate posts by adding secondaryCategory and secondarySubCategory values
- search bar is still there
- added a scroll to top button at the bottom right for accessibility
- fixed responsiveness on mobile devices
Working on a mini's section(name not finalized). This will be more like a feed where i can update or talk about stuff daily without having to create mt full production article.
Goal is to be more online and allow for quicker creative output.
- Built the blog page
- added the posts along with information and categoreis and sub categories
- created a content server for the images
- styled it work with responsive designs
- redirected previously other medium links to the blog part
- current posts redirect to medium but will eventually change, i am going to be building a platform to view the content, will use a framework like lit or svelte kit
- fixed styling on blog page
- fixed fonts on blog page
- Fixed styling across the site for uniformity
- changed skills orientation in about section
- Projects page data is added
- About Page Added
- changed some fonts on the home pages for the section titles
- made changes to responsiveness to accomodate for various screen sizes
- Added a light/dark mode toggle button (still in development)
- Fixed Medium logo in the "Get in Touch" section
- Made the featured projects retrieve data from a JSON file
- Changed font of the header links
- Launched Version 2 of the revamp
- Old version can be viewed at Beyond Me Btw V1
- Old Changelog can be viewed at Changelog
- Stopped updating Wix site due to too many bugs, blogs posted only on Medium