Aasha Pun

Learning by Doing 👩‍💻
JavaScript | Node.js | MongoDB | React

[Aasha Pun @aashapun11]

#LSPPDay51
Built Join/Leave challenge functionality + reusable Pagination component

Fixed a sneaky bug where wrong API key names caused pagination.
Always console.log your actual response shape before debugging blind😅

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay50

Today, I worked on the update challenge feature.

Implemented frontend permission checks to ensure only challenge creators can access update functionality while keeping backend authorization.

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay50 🚀
Built the Create Challenge page for my website and refined the Challenge Details UI

Also improved challenge status logic (Upcoming/Ongoing/Completed) while fixing a few frontend-backend integration issues
@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay49
Worked on the Challenge Details page today

-Added challenge stats, user progress
-Join Challenge flow with backend validations.

Focusing on business logic in the backend while making the frontend simple.
@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay48
Today I understood what powers the browser behind every web app.

Learned how the JavaScript Engine, Rendering Engine, Browser Engine, and Web APIs work together to make modern frameworks like React possible.

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay47

Today's focus wasn't on adding new features, it was on revisiting an important principle:

"Make it work. Make it clean. Make it scalable."

Good software is built through continuous iteration. 🚀

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay46
Today Studied why a consistent API response structure is important for frontend-backend communication. A predictable contract simplifies UI rendering, reduces bugs, and easier to maintain as they grow.

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay45
Continued building the Challenge Details page.

-Connected dynamic routing
-Started fetching challenge details by ID
-Worked through a few React/Chakra UI issues and learned more about component imports

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay44
Today I worked on dynamic routing in React Router.

-Created dynamic routes using /challenges/:id
-Started building the Challenge Details page
-Preparing the page to fetch data based on the selected challenge

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay43

Continued building the Challenge Details page🚀

-Added dynamic navigation from challenge cards
-Centralized app colors for a more consistent design

Focusing on building reusable and maintainable components💻
@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay42
Today I started designing the Challenge Details page.

-Added challenge information section
-Started designing stats and user progress UI

Building the interface first before connecting it to the backend. 💻

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay41
Continued improving the Challenge Listing page🚀

-Added search functionality
-Implemented debounced API requests
-Handled "No challenges found"

Focusing on making the experience faster and more user-friendly
@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

@ultraman_62 @lftechnology Cool🤗

[Aasha Pun @aashapun11]

@Wannabe_01_ Appreciate it🙌
Wishing you the same🤝

[Aasha Pun @aashapun11]

#LSPPDay38
Continued refining the navigation for my Community Learning website. 🚀

-Started building the logged-in navbar
-Working on user profile dropdown & logout flow
-Improving the experience for authenticated users

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay40
Connect the Challenge Listing page to the backend🔗

- Fetching challenge data from the API
- Rendering dynamic challenge cards

App is becoming more dynamic every day
@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay39
Continued building the Challenge Listing page for my Community Learning Platform.📋

- Designed reusable Challenge Cards
- Added topic & difficulty badges
- Responsive card layout with Chakra UI

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay37
Started implementing Auth Context for my website🚀

-Implemented AuthContext for global auth state
-Centralized login & logout logic
-Persisted user session with localStorage
-Wrapped the app with AuthProvider

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay36

Continued improving the authentication flow for my Community Learning website. 🚀

- Stored JWT token & user data in localStorage
- Automatic navigation after login
- Continued refining the responsive navbar

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog

[Aasha Pun @aashapun11]

#LSPPDay35

Built the Guest Navbar for my Community Learning website. 🎉

-Responsive desktop & mobile layout
-Navigation links
-Login & Register actions
-Clean UI with Chakra UI

@lftechnology
#60DaysOfLearning2026 #LearningWithLeapfrog