π Day 11 of Backend Development
Completed the backend of my Instagram Clone by implementing the Like/Unlike Post API. π»
Then moved to the frontend:
β Vite setup
β React Router DOM
β Login & Register routes
Starting the UI from tomorrow.
#webdev#reactjs#nodejs#mongodb
Day 10 of Backend Development π
Yesterday I built Follow/Unfollow. Today I spent 4 hours implementing a Follow Request system.
Flow:
Request β Pending β Accept/Reject β Accepted/Rejected
Also learned state management, API design, MongoDB indexing, and handling edge cases.
π Day 9 of Backend Development
Implemented the Follow & Unfollow feature for my Instagram Clone today.
Built the model, controllers, API endpoints, and follow/unfollow logic by myself. π»
Slowly turning the project into a real application.
#backend#nodejs#mongodb#webdev
π Day 8 of Backend Development
Today learned:
β’ Express middleware & how it reduces repetitive code
β’ Protected routes
β’ Edge collections & why they matter for scalable architecture
Applied these concepts to my Instagram Clone project.
#backend#nodejs#webdev#javascript
Built getPosts API & getPostDetails API today for my Instagram Clone. π»
Added checks to ensure posts belong to the logged-in user using postId params.
Also realized Iβm repeating token verification logic in every route, so next topic is Express middleware.
#webdev#nodejs
Built the CreatePost API for my Instagram Clone
Started with Multer memory storage for temporary uploads, then integrated ImageKit cloud storage.
Also used JWT verify to decode userId and identify which user created the post.
Backend concepts are making more sense now π»
π Back to consistent learning and building again.
Currently working on an Instagram Clone using Node.js, Express, MongoDB & React.
Recently learned auth basics, Multer memory storage, file uploads, and creating the CreatePost API. π»
#webdev#nodejs#reactjs#mongodb
π Day 123 of Web Dev
Focused on strengthening my React fundamentals before moving deeper into backend.
Revised concepts up to the Virtual DOM. Next step: build a few projects to solidify the basics.
Goal remains the same: becoming a full stack developer.
#Day123#React
π Day 122 of Web Dev
Today we had a career guidance session with @harshbhaiyaa bhaiya.
He reminded us that developers grow by building, researching, and figuring things out themselves.
βAim for the moon. Even if you miss, youβll land among the stars.β β¨
#Day122@sheryians_
π Day 121 of Web Dev
After completing the backend authorization APIs, today I practiced implementing the React 4 layer architecture and folder structure.
Finished the setup, though I still have a few confusions. More practice ahead to strengthen my understanding.
@sheryians_
π Day 120 of Cohort 2.0 | @sheryians_
Completed the Moodify project with final integrations like songs API and ImageKit.
Also practiced the full authorization flow by myself without referring to code.
A key lesson from @ankurdotio bhaiya: learn the flow, not just the code.
π Day 119 of Cohort 2.0 | @sheryians_
Implemented authorization in our Moodify app using the 4 layer frontend architecture.
Great session as @ankurdotio bhaiya rewrote the code from scratch, which helped clear many doubts and strengthened understanding.
#Day119#React
π Day 118 of Cohort 2.0 | @sheryians_
Switched token blacklist from MongoDB to Redis for better performance and lower DB load.
Connected via host and port and implemented blacklisting in Redis.
Practiced the full auth flow and debugged it myself. π»
#Day118#Redis#Backend
π Day 117 of Cohort 2.0 | @sheryians_
Learned more about token blacklisting and implemented a logout API.
When a user logs out, the token is stored in a blacklist so it cannot be reused.
Also understood throughput and why Redis is preferred for high performance use cases.
π Day 116 of Cohort 2.0 | @sheryians_
Built authentication APIs for Moodify.
Learned about token blacklisting and why we return βinvalid credentialsβ instead of βuser not foundβ for better security.
Understanding secure authentication flows more deeply each day.
π Day 115 of Cohort 2.0 @sheryians_
Started Moodify π§
An app that detects facial expressions and suggests songs based on mood.
Used Google MediaPipe and learned how real developers research and build solutions.
#Day115#AI#CodingJourney
π Day 114 of Cohort 2.0 @sheryians_
Completed our Insta clone by adding create post and like features and connecting backend APIs to the frontend.
With Ramadan and Taraweeh, time is tighter, but I stay consistent through recordings and practice. Discipline matters.
π Day 113 of Cohort 2.0 @sheryians_
Today we built the feed UI for our Insta clone and connected backend post APIs to the frontend to fetch all posts.
Seeing dynamic data render on the UI made the app feel much more real and interactive.
π Day 112 of Cohort 2.0 | @sheryians_
Today we revisited the 4 layer frontend architecture in React.
With many folders introduced at once, clarity was important.
Thanks to @ankurdotio bhaiyaa for explaining it again and making the structure easier to understand.
π Day 111 of Cohort 2.0 | @sheryians_
Today in our Insta clone project, we implemented a 4 layer frontend architecture in React
. UI layer
. Hooks layer
. State layer
. API layer
Also structured the authentication feature for cleaner and scalable code.