Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
199 commits
Select commit Hold shift + click to select a range
da5f4dc
[RZA-250143]: Create a blog page for this internship journey
1046prt Jul 18, 2025
fbbb0a1
[RZA-250143]: Merge branch 'develop' into feature/RZA-250143
1046prt Jul 18, 2025
bf3627e
added my blog
chhaviS04 Jul 19, 2025
6accdcf
Merge branch 'develop' into feature/RZA-250143
chhaviS04 Jul 19, 2025
093e3b2
Added links
chhaviS04 Jul 19, 2025
9443242
[RZA-250143]: Update the content of blog page
1046prt Jul 19, 2025
91f44c2
Merge branch 'develop' into feature/RZA-250143
xkeshav Jul 19, 2025
bd76fdb
[RZA-250143]: Merge branch 'develop' into feature/RZA-250143
1046prt Jul 19, 2025
72db45e
[RZA-250143]: Merge branch 'feature/RZA-250143' of https://github.com…
1046prt Jul 19, 2025
e0b64a7
[feat]: Add Keyboard Shortcut Navigation #103
Suresh-Chelani Jul 19, 2025
de03368
added more shortcuts and enhance ui
Suresh-Chelani Jul 19, 2025
faf018e
fix the shortcuts, title size
Suresh-Chelani Jul 19, 2025
eb0a28f
new page poem
Rupesh-Rathore Jul 18, 2025
e5c817d
CREATED COMPONENTS
Rupesh-Rathore Jul 18, 2025
7ea8cd7
removed comments and made some changes
Rupesh-Rathore Jul 18, 2025
9c1d2df
RESPONSIVE NESS IMPROVED
Rupesh-Rathore Jul 18, 2025
948b986
[RZA-250145]: update and type safe sortBy method
recursivezero Jul 19, 2025
e968304
integrated opo over api to card poem modal
Rupesh-Rathore Jul 19, 2025
667992f
added svgs abd made new design of pop up
Rupesh-Rathore Jul 19, 2025
6a3d18a
added signup
Ayu-Ty Jul 15, 2025
f0273ee
lintify
Ayu-Ty Jul 15, 2025
40ea0ee
added login page
Ayu-Ty Jul 16, 2025
107cf98
added light mode
Ayu-Ty Jul 16, 2025
77d78b7
added dashbaord, forgot password
Ayu-Ty Jul 17, 2025
17debd1
lintify
Ayu-Ty Jul 17, 2025
cef135c
fixes
Ayu-Ty Jul 18, 2025
039e168
lintify
Ayu-Ty Jul 18, 2025
dd2a099
added baselayout
Ayu-Ty Jul 19, 2025
39d4dd8
Added my blog
chhaviS04 Jul 19, 2025
8079e80
added baselayout to forgot-password
Ayu-Ty Jul 19, 2025
a3df592
fixed image bug
Ayu-Ty Jul 19, 2025
c8b355d
Removed my blog from this branch
chhaviS04 Jul 19, 2025
b26a599
added images, reduced forgot password's width
Ayu-Ty Jul 19, 2025
40fea7c
lintify
Ayu-Ty Jul 19, 2025
c980969
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
aadbf14
lintify
Ayu-Ty Jul 15, 2025
85324f6
added light mode
Ayu-Ty Jul 16, 2025
5dd2129
lintify
Ayu-Ty Jul 19, 2025
c3a3365
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
2bbc997
[RZA-250134]: survey page selected option and question css fixed
recursivezero Jul 19, 2025
47f3e46
[RZA-250134]: css fix for signup images
recursivezero Jul 19, 2025
25efb96
[RZA-250134]: lint fix
recursivezero Jul 19, 2025
2bf0a60
new page poem
Rupesh-Rathore Jul 18, 2025
7bc41ce
added signup
Ayu-Ty Jul 15, 2025
dc58a9d
lintify
Ayu-Ty Jul 15, 2025
202a47f
added login page
Ayu-Ty Jul 16, 2025
8b73c8f
added light mode
Ayu-Ty Jul 16, 2025
ac94562
added dashbaord, forgot password
Ayu-Ty Jul 17, 2025
6bea1a8
lintify
Ayu-Ty Jul 17, 2025
f4f28c4
fixes
Ayu-Ty Jul 18, 2025
14896ca
lintify
Ayu-Ty Jul 18, 2025
0b792f7
added baselayout
Ayu-Ty Jul 19, 2025
03251ab
Added my blog
chhaviS04 Jul 19, 2025
8e8c291
added baselayout to forgot-password
Ayu-Ty Jul 19, 2025
1238417
fixed image bug
Ayu-Ty Jul 19, 2025
68ef534
Removed my blog from this branch
chhaviS04 Jul 19, 2025
0bc71a1
added images, reduced forgot password's width
Ayu-Ty Jul 19, 2025
9654a69
lintify
Ayu-Ty Jul 19, 2025
247840f
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
3b7db25
lintify
Ayu-Ty Jul 15, 2025
aa2cba3
added light mode
Ayu-Ty Jul 16, 2025
989a876
lintify
Ayu-Ty Jul 19, 2025
1144236
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
45f3e6f
[RZA-250134]: survey page selected option and question css fixed
recursivezero Jul 19, 2025
7c4bc24
[RZA-250134]: css fix for signup images
recursivezero Jul 19, 2025
f782a15
[RZA-250134]: lint fix
recursivezero Jul 19, 2025
7cfa399
[RZA-250145]: format
recursivezero Jul 19, 2025
dc6bb71
[RZA-250145]: lint and build issue fix
recursivezero Jul 19, 2025
58b9016
[feat]: Add Keyboard Shortcut Navigation #103
Suresh-Chelani Jul 19, 2025
1cb11c2
added more shortcuts and enhance ui
Suresh-Chelani Jul 19, 2025
b4f4888
fix the shortcuts, title size
Suresh-Chelani Jul 19, 2025
7dd3b6f
new page poem
Rupesh-Rathore Jul 18, 2025
3789516
added baselayout
Ayu-Ty Jul 19, 2025
4faba95
lintify
Ayu-Ty Jul 19, 2025
2ead89c
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
0e912ec
lintify
Ayu-Ty Jul 15, 2025
e830a55
added light mode
Ayu-Ty Jul 16, 2025
d1836c3
lintify
Ayu-Ty Jul 18, 2025
102f97c
added baselayout
Ayu-Ty Jul 19, 2025
7977cb7
lintify
Ayu-Ty Jul 19, 2025
bd2ca17
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
67fe058
[RZA-250134]: lint fix
recursivezero Jul 19, 2025
495ab8d
[RZA-250145]: lint and build issue fix
recursivezero Jul 19, 2025
2c27b4a
[feat]: Add Keyboard Shortcut Navigation #103
Suresh-Chelani Jul 19, 2025
ed57787
added more shortcuts and enhance ui
Suresh-Chelani Jul 19, 2025
1beb4d1
new page poem
Rupesh-Rathore Jul 18, 2025
075ab8c
added baselayout
Ayu-Ty Jul 19, 2025
11787fd
lintify
Ayu-Ty Jul 19, 2025
6c9e4f4
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
8421896
added signup
Ayu-Ty Jul 15, 2025
46ad6a8
added login page
Ayu-Ty Jul 16, 2025
1290781
added baselayout
Ayu-Ty Jul 19, 2025
7484325
added images, reduced forgot password's width
Ayu-Ty Jul 19, 2025
9796457
lintify
Ayu-Ty Jul 19, 2025
fc6b43f
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
75a13e5
[RZA-250134]: css fix for signup images
recursivezero Jul 19, 2025
0bce09a
[RZA-250145]: lint and build issue fix
recursivezero Jul 19, 2025
a259fde
new page poem
Rupesh-Rathore Jul 18, 2025
27c5dda
CREATED COMPONENTS
Rupesh-Rathore Jul 18, 2025
2860278
removed comments and made some changes
Rupesh-Rathore Jul 18, 2025
900b6a9
RESPONSIVE NESS IMPROVED
Rupesh-Rathore Jul 18, 2025
5b63966
[RZA-250145]: update and type safe sortBy method
recursivezero Jul 19, 2025
1686bf1
integrated opo over api to card poem modal
Rupesh-Rathore Jul 19, 2025
4ea6403
added svgs abd made new design of pop up
Rupesh-Rathore Jul 19, 2025
15f226a
added signup
Ayu-Ty Jul 15, 2025
1ce0901
lintify
Ayu-Ty Jul 15, 2025
48be97c
added login page
Ayu-Ty Jul 16, 2025
74064b4
added light mode
Ayu-Ty Jul 16, 2025
72e4740
added dashbaord, forgot password
Ayu-Ty Jul 17, 2025
79eab60
lintify
Ayu-Ty Jul 17, 2025
c54fc83
fixes
Ayu-Ty Jul 18, 2025
33fef37
lintify
Ayu-Ty Jul 18, 2025
1ebb30b
added baselayout
Ayu-Ty Jul 19, 2025
1149588
Added my blog
chhaviS04 Jul 19, 2025
533c5f0
added baselayout to forgot-password
Ayu-Ty Jul 19, 2025
d90d436
fixed image bug
Ayu-Ty Jul 19, 2025
f026eb1
Removed my blog from this branch
chhaviS04 Jul 19, 2025
ee1e021
added images, reduced forgot password's width
Ayu-Ty Jul 19, 2025
4841431
lintify
Ayu-Ty Jul 19, 2025
270c896
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
0c49a85
lintify
Ayu-Ty Jul 15, 2025
6d071a1
added light mode
Ayu-Ty Jul 16, 2025
b23749e
lintify
Ayu-Ty Jul 19, 2025
e9aa6b4
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
7ab77b1
[RZA-250134]: survey page selected option and question css fixed
recursivezero Jul 19, 2025
29e24e4
[RZA-250134]: css fix for signup images
recursivezero Jul 19, 2025
d741ebc
[RZA-250134]: lint fix
recursivezero Jul 19, 2025
bee96c0
new page poem
Rupesh-Rathore Jul 18, 2025
d825b03
added signup
Ayu-Ty Jul 15, 2025
f786636
lintify
Ayu-Ty Jul 15, 2025
e3e9d35
added login page
Ayu-Ty Jul 16, 2025
a6193f1
added light mode
Ayu-Ty Jul 16, 2025
941f55b
added dashbaord, forgot password
Ayu-Ty Jul 17, 2025
2d7e1b1
lintify
Ayu-Ty Jul 17, 2025
84de527
fixes
Ayu-Ty Jul 18, 2025
fa05101
lintify
Ayu-Ty Jul 18, 2025
2469404
added baselayout
Ayu-Ty Jul 19, 2025
5ae7892
Added my blog
chhaviS04 Jul 19, 2025
6f5a1a9
added baselayout to forgot-password
Ayu-Ty Jul 19, 2025
b06c9ae
fixed image bug
Ayu-Ty Jul 19, 2025
de606bb
Removed my blog from this branch
chhaviS04 Jul 19, 2025
cf8b01f
added images, reduced forgot password's width
Ayu-Ty Jul 19, 2025
7695dc1
lintify
Ayu-Ty Jul 19, 2025
42dcc46
header logo link wrapped; playground layout changed for max-width
recursivezero Jul 19, 2025
4e63f2f
lintify
Ayu-Ty Jul 15, 2025
e3cbd94
added light mode
Ayu-Ty Jul 16, 2025
ce04bbe
lintify
Ayu-Ty Jul 19, 2025
788809c
[RZA-250134]: survey page selected option and question css fixed
recursivezero Jul 19, 2025
b394707
[RZA-250134]: css fix for signup images
recursivezero Jul 19, 2025
64887d4
[RZA-250134]: lint fix
recursivezero Jul 19, 2025
22c875e
[RZA-250145]: format
recursivezero Jul 19, 2025
c495ecb
[RZA-250145]: lint and build issue fix
recursivezero Jul 19, 2025
c23c383
Merge branch 'develop' into feature/RZA-250143
xkeshav Jul 20, 2025
9b97288
added read.md
Ayu-Ty Jul 20, 2025
0493065
img fix
Ayu-Ty Jul 20, 2025
45044ab
added blog article suresh-chelani.md #143
Suresh-Chelani Jul 21, 2025
840f656
added updated conclusion
Suresh-Chelani Jul 21, 2025
fd9dc3b
Blog_Azmat
Azmat01 Jul 22, 2025
254310b
title font size adjusted
recursivezero Jul 20, 2025
b3b23ef
update poem section
recursivezero Jul 20, 2025
c943895
updated CNAME
recursivezero Jul 20, 2025
f0be4bd
fix build issue
recursivezero Jul 20, 2025
d8b778e
update changelog
recursivezero Jul 20, 2025
14cc0f2
lintify on develop
recursivezero Jul 20, 2025
d46a8a5
[main]: fix build issue
recursivezero Jul 20, 2025
5e204e8
[main]: remove instance of parixan
recursivezero Jul 20, 2025
d085206
[main]: remove parixan folder and images
recursivezero Jul 20, 2025
53865e4
[main]: fix UI issue from live; FAQs; Indic changed to akshar; about us
recursivezero Jul 20, 2025
d5ad24b
FIXED text not on top issue and modal not opening and some more
Rupesh-Rathore Jul 21, 2025
0edfea9
fixed math animation; story image lazy loading;about page list style
recursivezero Jul 21, 2025
9481cb9
changelog
recursivezero Jul 21, 2025
c2fe2d8
[main]: remove instance of parixan
recursivezero Jul 20, 2025
10c0c69
[main]: remove parixan folder and images
recursivezero Jul 20, 2025
e43cc8d
[main]: fix UI issue from live; FAQs; Indic changed to akshar; about us
recursivezero Jul 20, 2025
529a3da
mobile splash css file name change
recursivezero Jul 22, 2025
ef54315
splash change
recursivezero Jul 22, 2025
da1d5a8
styling updated
Rupesh-Rathore Jul 21, 2025
22455df
Gallary > Stack responsiveness fixed
Rupesh-Rathore Jul 22, 2025
332954f
Pages > varanmala > listen - chaotic layput error fixed
Rupesh-Rathore Jul 22, 2025
341cf69
Header > Text and Varanmala > listen -padding
Rupesh-Rathore Jul 22, 2025
641bed8
Magic & padding
Rupesh-Rathore Jul 22, 2025
e621476
alignment of listen improved
Rupesh-Rathore Jul 22, 2025
abb39d6
[RZA-250145]: fixed css for listen page
recursivezero Jul 22, 2025
2b59b42
[RZA-250154]: Update the description on share popover and also modify…
1046prt Jul 22, 2025
66a65a6
[RZA-250154]: Fix the meta tag description and title
1046prt Jul 22, 2025
a1dd8fb
[RZA-250154]: Fix the meta issue
1046prt Jul 22, 2025
082e84b
[RZA-250154]: fix the lint issue
1046prt Jul 22, 2025
a3bf2fd
[RZA-250154]: Refactored the description and title of left over pages
1046prt Jul 22, 2025
69366e5
[RZA-250154]: mobile splash
recursivezero Jul 22, 2025
d15ab7f
[RZA-250143]: fix about us and remove normalize css
recursivezero Jul 22, 2025
5297c38
[RZA-250143]: fixed typo and author in blog
recursivezero Jul 22, 2025
c80229a
Merge branch 'develop' into feature/RZA-250143
recursivezero Jul 22, 2025
91e31c9
[RZA-250143]: replace keyCode with key
recursivezero Jul 22, 2025
4715239
[RZA-250143]: markdown lint fix
recursivezero Jul 22, 2025
494a5d1
modify suresh-chelani.md
Suresh-Chelani Jul 23, 2025
b3cc93a
Merge branch 'develop' into feature/RZA-250143
Rupesh-Rathore Jul 23, 2025
f42255b
Merge branch 'feature/RZA-250143' of https://github.com/recursivezero…
Rupesh-Rathore Jul 23, 2025
c3c023e
created by blog
Rupesh-Rathore Jul 23, 2025
c65d43d
[RZA-250143]: Update the author name of i18n blog
1046prt Jul 24, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .github/actions/md-lint/action.yml
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,5 @@ runs:
--config './.markdownlint.json' \
--ignore '.github/CONTRIBUTING.md' \
--ignore '.github/CODE_OF_CONDUCT.md'\
--ignore 'CHANGELOG.md'
--ignore 'CHANGELOG.md'\
--ignore 'docs/README.md'
3 changes: 3 additions & 0 deletions .vscode/dictionaries/project-words.txt
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ audiorec
audiorecorder
avgrah
Barahkhadi
betterauth
Bhadrapada
bincount
BODYPART
Expand All @@ -28,6 +29,7 @@ dogri
DPDP
Dussehra
ensurepip
flexbox
fontsource
frontmatter
Gandhar
Expand All @@ -37,6 +39,7 @@ heroicons
hidenseek
Holi
hookform
ICFAI
imread
imwrite
Jaati
Expand Down
10 changes: 2 additions & 8 deletions docs/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -120,11 +120,11 @@ npm run preview

## Home Page

### Description
> Description

The landing page for abcdkbd, introducing the platform and its key features for interactive learning.

### Screenshots
> Screenshots

- **Light Mode:** ![Home Light](/public/assets/images/screenshots/light/home.png)
- **Dark Mode:** ![Home Dark](/public/assets/images/screenshots/dark/home.png)
Expand All @@ -133,21 +133,15 @@ The landing page for abcdkbd, introducing the platform and its key features for

## About Page

### Description

This page introduces the mission, team, and values behind abcdkbd. It provides an overview of the platform's goals, core values, and contact information for contributors and educators.

### Screenshots

- **Light Mode:** ![About Light](/public/assets/images/screenshots/light/about.png)
- **Dark Mode:** ![About Dark](/public/assets/images/screenshots/dark/about.png)

---

## Varnmala Page

### Description

Explore the vowels and consonants of different Indian languages. Compare scripts and sounds across regions in a simple, visual way.

### Screenshots
Expand Down
Binary file removed public/assets/images/ABCD.png
Binary file not shown.
Binary file added public/assets/images/blog/blog-4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/blog/blog-5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/blog/blog-6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/blog/blog-7.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/blog/blog-8.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/blog/internship.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
96 changes: 0 additions & 96 deletions src/assets/styles/MobileSplash.css

This file was deleted.

10 changes: 1 addition & 9 deletions src/assets/styles/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
--card-green-bg: linear-gradient(135deg, #059669 0%, #10b981 100%);
--card-red-text: #fff;
--card-blue-text: #fff;
--card-yellow-text: #fff;
--card-yellow-text: #542929;
--card-green-text: #fff;
--card-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.18);
--hero-heading: #f3f4f6;
Expand All @@ -23,10 +23,6 @@
--card-blue-bg: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
--card-yellow-bg: linear-gradient(135deg, #f59e42 0%, #fbbf24 100%);
--card-green-bg: linear-gradient(135deg, #059669 0%, #10b981 100%);
--card-red-text: #fff;
--card-blue-text: #fff;
--card-yellow-text: #fff;
--card-green-text: #fff;
--card-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.18);
--hero-heading: #f3f4f6;
--section-divider: #23304a;
Expand All @@ -52,10 +48,6 @@
--card-blue-bg: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
--card-yellow-bg: linear-gradient(135deg, #fbbf24 0%, #fcd34d 100%);
--card-green-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);
--card-red-text: #fff;
--card-blue-text: #fff;
--card-yellow-text: #fff;
--card-green-text: #fff;
--card-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.07);
--section-divider: #e5e7eb;
--section-bg: #ffffff;
Expand Down
2 changes: 1 addition & 1 deletion src/assets/styles/menu.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import url("https://unpkg.com/normalize.css") layer(normalize);
/*@import url("https://unpkg.com/normalize.css") layer(normalize);*/
@layer normalize, demo, base;

@layer demo {
Expand Down
2 changes: 1 addition & 1 deletion src/components/about/HeroSection.astro
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
import { Image } from "astro:assets";
import LogoImage from "/public/assets/images/ABCD.png";
import LogoImage from "/public/assets/images/abcd.png";

interface Props {
appName: string;
Expand Down
2 changes: 1 addition & 1 deletion src/components/home/ExploreLearnSection.astro
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import "@/assets/styles/home/explore-learn-section.css";
</a>
</div>
<div class="card yellow">
<h3>🤔 Language</h3>
<h3>📝Language</h3>
<p>Indian Languages basics</p>
<a href="/indic">
<button class="button white">Start Learning</button>
Expand Down
89 changes: 89 additions & 0 deletions src/content/blog/ayush.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
---
title: "My Internship Journey"
description: "A summary of my learnings and contributions during my recent internship."
image: "/assets/images/blog/blog-6.png"
author: "Ayush Tyagi"
publishDate: "20 July 2025"
---

## My Internship Journey

I learnt a lot of new things during my time in the internship, both academically and professionally.
It provided me with a practical glimpse into the corporate world. Our mentor was great, always there to help us out whenever we got stuck or had questions.

---

## 🏛️ Projects I Worked On

I worked on the following things during the internship:

### 🏠 [Panel](/panel)

I designed and structured header of the panel page, and added new features.

### 🗺️ [Canvas]

The canvas section was broken down into two interactive sub-pages. Both designed for creating quotes with unique features:

- [**Text**](/canvas/text) – This subpage allows users to create and display quotes, including the current time.
- [**Quote**](/canvas/quote) – This subpage allows user to create, style, and download custom quotes.

This section is feature rich and can be used to create cool designs!

### 🔤 [HidenSeek](/hidenseek/grid)

I improved the style and layout of the grid, index and kbd pages.My goal was to make them look a lot better and feel more polished.

### 🔢 [Login]

I created a login page complete with an image slider that gave users a glimpse of the website. I also created the front end for signup, forgot-password and dashboard.

### 📚 [BetterAuth]

I created a login where the user can authenticate themselves using their github account. Sqlite was used to track cookies and store the information of the user.

### 📚 [Components]

I added three common components- back, share and keyboard, and also ensured that they were integrated across all the different pages where they were needed.

### 🔮 [Others]

I worked on several other pages, fixing bugs and adding new components to them.

---

## ⚙️ Tech I Explored

Things I learnt during this internship are:

### 🚀 Astro Framework

I learnt the implementation of astro framework and its need along with the benefits of using it.

### 🗺️ Html2canvas

This is a js library that takes the screenshot of the page, it was implemented in quote.astro page.

### 🗣️ Focus/Blur

`focus()` and `blur()` are methods used to show and hide the keyboard. This is an useful and important feature for mobile and ipad users.

### 📚 BetterAuth

BetterAuth is a full-stack authentication library designed to simplify common user authentication patterns in an application. I implemented login via github using betterauth.

### 💻 Git & GitHub

I learnt to configure git and github, and understood the working of branches, pull requests, and merging.

### 💻 Visual Studio Code (VS Code)

I used vscode as my primary development environment throughout the internship.
Also used project manager extension, it made working on several projects easier.
Used extensions like Prettier,ESLint, and Astro Language Tools to write clean and consistent code.

---

## 🙏 What I Took Away (And a Big Thanks!)

This internship was a big help. I'm grateful for the chance to actually use what I've been learning in a real work setting. Our mentor was a huge help, and I really appreciate all the support and guidance I got from the team.
84 changes: 84 additions & 0 deletions src/content/blog/azmat-raza.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
---
title: "Internship at RecursiveZero as a SDE intern"
description: "A deep dive into my two-month internship experience, working with Astro.js and growing as a frontend developer."
publishDate: 2025-07-21
author: "Azmat Raza"
image: "/assets/images/blog/blog-4.jpg"
---

## Internship Experience at RecursiveZero Pvt. Ltd

My name is **Azmat Raza**, a frontend developer with interest in building cool and useful web apps.
During my two-month internship at RecursiveZero Pvt. Ltd., I worked mainly with **Astro.js** to create interactive,responsive pages that focused on both functionality and user experience.
I worked on projects like **Crossword**, **Societree**, and **Journey Timeline**, and each one helped me grow in different ways.
I joined this internship to learn from real projects, and I ended up learning a lot more than expected.

## Frontend Adventures with Astro.js

A big part of my internship was frontend development. I created pages from scratch, improved performance, fixed layout bugs, and added features that users would enjoy. Astro.js made it possible to focus on speed and simplicity.

### Key Accomplishments

- **Crossword Puzzle Page:**
I built a complete crossword puzzle interface using Astro and JavaScript. The puzzle supports mobile drag, keyboard shortcuts, clue highlighting, and even a help mode for users.

- **Societree Page:**
This page displays a printable list of family and clan cards. I implemented card expansion, dynamic layout for printing, search filtering, and smooth animations without using any frameworks like Tailwind.

- **Journey Timeline Page:**
I developed a life journey timeline app where users can add, edit, and delete events. I styled it with day/night themes, sun and moon graphics, hover-to-expand labels, and optimized print view with page breaks and responsive layout.

- **Styling and Animations:**
I added gradient borders, parallax backgrounds, shooting star animations, and theme-based color changes to make the apps visually appealing.

- **Print Optimizations:**
A lot of effort went into fixing print-related issues such as elements cutting off, page breaks after labels, and alignment of timeline lines with event labels.

### Why Astro.js?

Astro.js was something I hadn’t used before this internship, but it ended up being super helpful. It lets you build static sites that load really fast, and it doesn't add too much JavaScript unless you really need it.
I could write plain HTML, CSS, and JS, and still make the pages look and work really well. Astro also makes it easy to split code into components and manage local data without extra complexity.
It’s great for content-heavy and design-focused pages like the ones I worked on.

**Technologies Used:** Astro.js, HTML, CSS, JavaScript

## Project Spotlight: ABCD Learning Platform

As part of the [ABCD](https://abcdkbd.com/) project, I worked on key frontend pages aimed at helping children learn in fun and interactive ways.

- **[Crossword Page](/crossword)**: A game where kids can solve puzzles using keyboard and touch. I handled the full interaction logic and UI responsiveness.

- **[Societree Page](/clan)**: A dynamic, searchable listing for clans and families. The design was made print-ready and easy to navigate.

- **Journey Timeline:** A visual timeline where events could be added with descriptions and images. I styled it with animations, day/night background, and fixed printing issues.

All the pages were designed to be mobile-friendly, responsive, and usable across devices. You can check out the live site and source code here:

## Technical Challenges

**Problem:** Merging Git branches
**Solution:** Learn how to resolve conflicts using VS code inbuilt git support

**Problem:** Print layout breaking or getting cut across pages
**Solution:** Used `break-inside: avoid`, adjusted margins, and wrote custom media queries to handle layout on paper

**Problem:** Positioning dynamic elements in different screen sizes
**Solution:** Used CSS variables and spacing logic to manage height and alignment based on number of elements

## Learning from Challenges

- Learned how to properly work with **Git and GitHub** in a team setting, especially when dealing with frequent changes and print styles
- Improved at writing CSS that is both responsive and print-friendly
- Developed debugging habits, like isolating layout issues and testing on multiple browsers
- Learned to plan UI structure before jumping into code, which saved time later
- Got better at managing and organizing custom CSS without relying on utility libraries

## Beyond the Code: Growth and Learning

This internship also helped me improve soft skills. I got more confident in communicating with the team, asking for help, and explaining my work. I understood how to keep my code clean so others could understand it easily.
Working on live projects gave me experience I couldn’t get from just tutorials or courses. I also explored open-source workflows and how small commits and good messages make a big difference in a team environment.

## Conclusion

My internship at RecursiveZero was a great learning journey. I didn’t just write code — I learned to think about how things look, how they behave, and how users will interact with them. I'm thankful to **Keshav Sir** and the whole team for
giving me the space to build, break, and fix real things. This experience has made me more confident as a frontend developer, and I’m excited to use what I’ve learned in future projects.
Loading
Loading