Home About Skills Services Projects Contacts

<SS/>

Salman Sahed

SYSTEM_LOADING...

SALMAN.

Full-Stack MERN & Next.js Web Developer crafting high-performance, pixel-perfect digital experiences.

About Skills Services Projects Testimonials Contact

Crafted with Passion & Precision

StudyNook | Salman Sahed | Salman Sahed

Case Study

StudyNook

Description

StudyNook is a modern, full-stack web application designed to help students and professionals find and book the perfect study environment. From searching for rooms with specific amenities to managing bookings, StudyNook makes the process seamless and efficient.

Key Challenges

Double Booking: Preventing multiple users from booking the same room.
State Syncing: Keeping UI updated instantly after booking status changes.
Route Protection: Managing secure access between owners and regular users.

Future Roadmap

Payment Gateway: Integrate SSLCommerz or Stripe for online payments.
Review System: Add a rating and feedback section for each study room.
Map Integration: Embed Google Maps to show exact room locations visually.

Tools & Tech Stack

Next.jsTailwindHeroUIReact QueryReact ToastifyNode.jsExpress.jsMongoDBJWTJose

Complex Filtering: Handling multiple API query parameters simultaneously.

Token Verification: Setting up seamless JWT verification in Next.js Edge.

Dark Mode: Implement a native dark/light theme toggle for comfort.

Push Notification: Send instant alerts for booking status updates.

Key Features

Smart Filter: Search rooms easily by name, amenities, and price range.
Secure Auth: Protected routes using JWT and Jose for safe user data.
Live Booking: Real-time checking logic to prevent double room bookings.
Dashboard: Dedicated owner panel to manage listings and bookings easily.
Public Stats: Anyone can see real-time booking counts without login.

Key Learnings

Next.js Server Component: Mastered data fetching and hybrid rendering.
Advanced MongoDB Query: Learned complex filtering and data aggregation.
Token Security: Gained deep knowledge on JWT and Jose authentication.
React Query: Efficiently cached and synchronized server state in UI.
UI Component Library: Leveraged HeroUI to build accessible interfaces.

Want a similar project?

Let's collaborate and build something extraordinary together.