Aatif Sohel

The wild oasis website made using next js

Day 67 / 100

I'm learning React JS & Next JS. Here's what I covered today:

✅ continued working on "The Wild Oasis" website
✅ data fetching for reservations
✅ add react day picker
✅ add reservation form

#webdevelopment #100daysofcode

Day 66 / 100

I'm learning React JS & Next JS. Here's what I covered today:

✅ continued working on "The Wild Oasis" website
✅ boundary between server & client component
✅ client components in server components
✅ add filter for page

#webdevelopment #100daysofcode

The wild oasis website made using next js 16

Day 64 & 65 / 100

I'm learning React JS & Next JS. Here's what I covered today:

✅ continued working on "The Wild Oasis" website
✅ generate dynamic metadata
✅ Error handling - error boundaries & notFound
✅ static vs dynamic rendering
✅ make dynamic pages static

Day 63 / 100

I'm learning React JS & Next JS. Here's what I covered today:

✅ Worked on "The Wild Oasis" website
✅ React Suspense
✅ stream route segments with loading file
✅ stream UI with suspense
✅ dynamic route segments

#webdevelopment #100daysofcode

What’s one tech myth you think people should stop believing?

Day 62 / 100

I'm learning React JS. Here's what I covered today:

✅ Worked on "The Wild Oasis" website
✅ Tailwind CSS with Next JS
✅ Image optimization & responsiveness
✅ Nested routes, pages & layouts
✅ metadata

#webdevelopment #100daysofcode

Do you think coding will become a basic skill like reading?

Day 60 & 61 of 100

✅ Revised old concepts
✅ started working on customer facing website using NEXT JS
✅ How it works

if anyone know how to use tailwind CSS 4 with next js 16, how to use custom theme variable?

#webdevelopment #100daysofcode

What’s the best way to improve as a developer?

What’s a tech skill everyone should learn, no matter their job?

Day 59 / 100

I'm learning React JS. Here's what I covered today:

✅ Finished building Wild Oasis app

Later I'll more features in it.

#webdevelopment #100daysofcode

Which do you prefer: frontend or backend development?

Day 58 / 100

I'm learning React JS. Here's what I covered today:

✅ Added features in Wild Oasis App
✅ dark mode theme
✅ build dashboard layout
✅ add pie chart for stay duration
✅ add line chart for sales

#webdevelopment #100daysofcode

Day 57 / 100

I'm learning React JS. Here's what I covered today:

✅ Added features in Wild Oasis App
✅ user log out
✅ user sign up
✅ update user data & password

#webdevelopment #100daysofcode

Day 56 / 100

I'm learning React JS. Here's what I covered today:

✅ continued working on Wild Oasis App
✅ optional breakfast option feature
✅ checking out booking feature
✅ deleting booking feature
✅ Authentication & authorization (supabase & protected routes)

#webdevelopment #100daysofcode

Day 55 / 100

I'm learning React JS. Here's what I covered today:

✅ Continued working on Wild Oasis App
✅ build reusable pagination component (API)
✅ prefetching with react query
✅ checking in feature in booking

#webdevelopment #100daysofcode

Day 54 / 100

I'm learning React JS. Here's what I covered today:

✅ Continued working on Wild Oasis App
✅ Added bookings table
✅ implemented client side filter & sort
✅ implemented API sider filter & sort (supabase)

#webdevelopment #100daysofcode

Day 53 / 100

I'm learning React JS. Here's what I covered yesterday:

✅ Continued working on Wild Oasis App
✅ Added modal for creating, editing, or deleting cabin
✅ Render props pattern & HOC
✅ Build menu context

#webdevelopment #100daysofcode

Day 52 / 100

I'm learning React JS. Here's what I covered today:

✅Intro Advanced React Patterns
✅Reusability in react
✅Render props pattern
✅Higher order component
✅Compound component pattern
✅React Portal
#webdevelopment #100daysofcode

Day 51 / 100

I'm learning React JS. Here's what I covered today:

✅create & edit cabins
✅handle form errors
✅upload images to supabase
✅abstract react query into custom hooks

#webdevelopment #100daysofcode

Have you noticed your best ideas come after stepping away from the screen? 🚶

Weekend mode:
Are you coding… or “thinking about coding” while doing absolutely nothing? 😂

Day 50 / 100

I'm learning React JS. Here's what I covered today:

✅Tanstack Query (React Query)
✅fetching & mutating data
✅toasts - notifications
✅react forms

#webdevelopment #100daysofcode

The wild oasis - a react js project -

Day 49 / 100

I'm learning React JS. Here's what I covered today:

✅build more reusable styled components
✅setup pages & routes
✅build app layout, sidebar & navigation
✅build backend for the app using Supabase

#webdevelopment #100daysofcode

Quokka PRO is FREE till Nov 24 2025🔥

Day 47 & 48 / 100

I'm learning React JS. Here's what I covered today:

✅Modern redux thunk - createAsyncThunk
✅useFetcher hook - read & update data
✅Intro to styled component
✅Global styles & nesting
✅props & css in styled component

#webdevelopment #100daysofcode

Sometimes the best optimization is stepping away from the screen for a walk.
Do you code better after breaks? 💻

Writing bad code is the first step to writing good code.

Good Morning everyone ☀️

Day 46 / 100

I'm learning React JS. Here's what I covered today:

✅Used react router & redux toolkit to build this app
✅adding/deleting item to or from cart
✅increase/decrease cart item quantity
✅placing an order

#webdevelopment #100daysofcode

Every developer was once stuck on ‘Hello World.’

Agree?