marvic

Start web development

[marvic @marvic_coder]

Day 5 of building my Project Management
Today, I implemented the Update functionality and completed CRUD operations!
* PUT API with Express & MongoDB
*Updated projects using findByIdAndUpdate()
* Added an Edit button in React
*Updated UI using map() without refreshing

[marvic @marvic_coder]

DevOps
day 18

Learned why Kubernetes is needed to manage, scale, and monitor containerized applications.
Explored Kubernetes architecture: Control Plane, Worker Nodes, Pods, Scheduler, API Server, and Kubelet.

thanks to @adityatandon02 guruji

[marvic @marvic_coder]

React
Day13 Thunder

Today I learned Tailwind CSS and how it helps style React components using utility classes instead of writing separate CSS.

Thanks to @rohit_negi9 bhaiya

#100daysofcode #coderarmy

[marvic @marvic_coder]

React
Day 12 Thunder
Today, I learned about Zustand — the problem it solves, why we need state management, how to create a store, and how to use Zustand to manage shared state across React components.
Thanks to @rohit_negi9 bhaiya

[marvic @marvic_coder]

Day 4 of building my Project Management
Today I implemented Delete Projects.
DELETE API with Express & MongoDB
Used project _id with req.params
Connected DELETE API with React
Added Delete button
Updated React state using filter()
UI updates instantly without refresh

[marvic @marvic_coder]

React
Day11 Thunder

Today I learned about nested routes, dynamic routes, useParams, Outlet, index routes, fallback routes, and parent routes with/without paths or elements.

Thanks to @rohit_negi9 bhaiya

#100daysofcode #coderarmy

[marvic @marvic_coder]

Day 3 of building my Project Management
Today I connected the React frontend with my backend.
✅ React Hook Form
✅ POST & GET APIs with fetch()
✅ useEffect for fetching projects
✅ MongoDB data displayed in React
✅ UI updates immediately after creating a project

[marvic @marvic_coder]

React
Day10 Thunder

Today I learned more about keys in React and explored routing.
First, I built a simple router using traditional JavaScript, then learned React Router and how it simplifies routing and navigation in React apps.

Thanks to @rohit_negi9 bhai ya

[marvic @marvic_coder]

Day 2 of building my Project Management
Today I connected MongoDB Atlas with my Node.js + Express backend using Mongoose.
✅ Project schema/model
✅ Create Project API — POST
✅ Get Projects API — GET
✅ Tested APIs with Postman
✅ Data now persists in MongoDB
#learninpublic

[marvic @marvic_coder]

Day 1 of building my own full-stack project 🚀
• React + TypeScript frontend
• Node.js + Express backend
• CORS setup
• Connected frontend → backend API
• Built my first health-check endpoint
Learning by building, one feature at a time. 🔥
#learninpublic

[marvic @marvic_coder]

DevOps
Day14 thunder
Learned Docker Images & Containers
• Image vs Container
• One image → multiple isolated containers
• Writable layer & filesystem
• Network & Mount Namespaces
• cgroups & Build Cache

Thanks to @adityatandon02 guru ji.
#100dayofcode

[marvic @marvic_coder]

REACT
day09 Thunder
Learned React internals,Virtual DOM & Reconciliation.
Understood how react effciently update the UI .
Also learned about keys and when to avoid using index as key.

thanks to @rohit_negi9 bhaiya.
#100daysofcode #coderarmy

[marvic @marvic_coder]

React
day08 Thunder
Today I learned about the useContext hook and understood how it helps share data between components without passing props through every level. Build an small example to understand how it works.

Thansk to @rohit_negi9 bhaiya

#100daysofcode

[marvic @marvic_coder]

React
Day07 Thunder
Today I learned useRef by building a stopwatch and a form.
Then I explored React-Hook-Form for optimized form handling.
Finally, I learned about useCallback and how it helps optimize functions.

Thanks to @rohit_negi9 bhaiya
#100dayofcode

[marvic @marvic_coder]

DevOps
day13 Thunder
Learned deployment strategies : Rolling , Blue-Green & Canary deployment.
Understood Feature Flag for controlling feature releases.
Got a small introduction to Docker and Containerization.

thanks to @adityatandon02 guruji

[marvic @marvic_coder]

DevOps
day12 Thunder
Learned Matrix Builds and Secret Management-secrets vs variables.
Understood OIDC Authentication and Build Cache.
Learned about Artifact Management and why artifacts matter in CI/CD.
Thanks to @adityatandon02 guruji

[marvic @marvic_coder]

REACT
day06 Thunder
Build a Stopwatch using useState.
Practiced state updates and UI re-rendering.
Strengthened my understanding of react state through a practical project.

Thanks to @rohit_negi9 bhaiya

[marvic @marvic_coder]

REACT
day 05 Thunder
Learned about the useEffect cleanup function.
Understood React.momo for preventing unnecessary component re-renders.
Learned useMemo for memorizing expensive calculations.

Thanks to @rohit_negi9 bhaiya

[marvic @marvic_coder]

REACT
day04 Thunder
Learned useEffect and when to use it for side effects.
Understood the dependency array and when effects re-run.
Build a UI to fetch and display github user image using useEffect.

thanks to @rohit_negi9 bhaiya.

[marvic @marvic_coder]

React
day03 Thunder
learned how Vite handles bundling,building,and development without manually using Bable.
Explored useState, a core React Hook for managing state.
Understood how state updates trigger re-rendering and update the UI.

thanks to @rohit_negi9 bhaiya.