Skip to content

Praveen163/AboutNyapata

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 

Repository files navigation

🏡 Nyapata.com — Smart Real-Estate Platform

👨‍💻 Founder & Software Development Engineer


🌐 Frontend Development

🚀 Built a responsive, interactive, and lightning-fast web application using the MERN stack.
🔗 Visit Nyapata.com → to explore the live frontend in action!

✅ Features include:

  • Code minification with Terser for optimized bundle size
  • Lazy loading for better performance and quicker render times
  • PWA support with caching for offline access
  • Dynamic meta tags on CSR pages for SEO & rich social sharing
  • Pixel-perfect UI/UX crafted with Tailwind CSS and optimized for all devices

Nyapata Homepage

🔐 Backend Development

🛠️ Engineered a secure, scalable, and location-aware backend using:

  • Node.js + Express.js
  • JWT-based authentication
  • Layered middleware architecture
  • CORS protection and secure headers
  • MongoDB with geospatial indexing for precision location queries

📁 The actual Nyapata backend repo is private.
But you can explore a similar full-stack backend I developed here:

🔗 GitHub Repo → OmegleClone
💡 Includes:

  • Docker & Docker Compose setup
  • Nginx as a reverse proxy
  • GitHub Actions for CI/CD
  • Integrated logging with Winston
  • Monitoring with Prometheus
  • Rate Limiting
  • Express Security Middlewares

✨ Built for performance, scalability, and developer excellence.

🚀 Tech Stack Overview

🧠 Frontend (React + Tailwind + Redux)

  • React (CRA) + Redux for scalable component state management
  • Tailwind CSS for highly responsive, utility-first UI design
  • React Router for client-side navigation
  • Integrated with Google Maps and Mapbox GL for interactive map experiences
  • Progressive Web App (PWA) support with serviceWorker and offline caching

⚙️ Backend (Node.js + Express)

  • Express.js server with clean REST API design
  • Authentication using JWT + Google OAuth via Passport.js
  • Middleware for logging, validation, CORS, and secure headers
  • MongoDB via Mongoose for flexible document-based property storage
  • Geospatial indexes for coordinate-based filtering and area-specific listings

🗺️ Mapping & Search Features

Feature Tech / Library Used
Map-based property view Mapbox GL JS, Google Maps JS SDK
Pin drop visibility on map Mapbox markers, custom overlays
Draw-to-search on map Mapbox Draw plugin
Coordinate-based search MongoDB 2dsphere indexes, geospatial queries
Location-based filters Google Places API, Reverse Geocoding
Property pin upload Click-to-pin on map with custom icons

📸 Media Uploads & CDN Delivery

  • Google Drive API Integration
    release 1 : Property images and videos are uploaded via the Google Drive API, stored in a structured folder system, and served via CDN URLs—resulting in zero storage cost.

🔐 Authentication & Authorization

  • 🔑 Google OAuth login via Passport.js
  • 🔒 Route protection using JWT (access token + refresh token)
  • 👮 Role-based access for admin, users (via middleware)
  • ✅ Secure cookie/token handling with CORS, helmet, rate-limiter

📊 Admin Dashboard Features

  • Area-wise property management and analytics
  • Custom dashboard built with reusable components
  • Visualized user interactions and property traffic
  • Role-based visibility and editing permissions

📦 Developer Tooling

  • Code formatting via Prettier
  • Code linting with ESLint
  • Type-safe REST requests using axios
  • Image WaterMarked before upload
  • GitHub Actions for CI/CD automation

📱 Progressive Web App (PWA)

  • Added PWA support for mobile installability
  • Offline caching using service worker
  • Home screen shortcut & splash screen support

📍 SEO & Social Share Optimization

🧩 Dynamic Meta Tags with Edge Functions

To improve social previews and SEO for client-side routes, Nyapata uses edge functions to inject dynamic meta tags (Open Graph, Twitter Cards) even on CSR pages like:

About

Developed Nyapata.com, a startup website built from scratch as a responsive, interactive, and lightning-fast web application using the MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors