Sell4Spot

Nov 2023 - April 2024
...
screenshot

Sell4Spot is a social marketplace where users create profiles to showcase, sell, trade, or rent products. It features a Markdown editor, explore feed, secure messaging, search filters, notifications, reviews, reporting tools, and customizable light/dark themes for a seamless experience.

Features

  • User Profiles:
    Personalized storefronts where users showcase products, interests, and basic info.
  • Product Listings:
    Add items with details like title, description, price, images, and category tags.
    Options for selling, trading, or renting products.
  • Markdown Editor:
    Rich-text product descriptions using Markdown syntax for better formatting.
  • Explore Feed:
    Curated feed showing trending and nearby products based on user interests and location.
  • Messaging System:
    Built-in chat for buyers and sellers to communicate securely and negotiate deals.
  • Search & Filters:
    Keyword, category, and location filters to easily find relevant products.
  • Notifications:
    Real-time updates for messages, offers, and product interactions.
  • Ratings & Reviews:
    Buyers can rate and review sellers, helping build community trust.
  • Reporting & Moderation:
    Tools to report inappropriate content or users, with admin moderation support.
  • User Preferences:
    Customizable settings including Light/Dark theme modes.

Used Technologies & Frameworks

1. Frontend:

  • Core Frameworks & Libraries: React 18, Next.js 13, TypeScript
  • UI & Styling: Chakra UI, Emotion, Framer Motion, Simplebar React, Nextjs Toploader
  • State & Data Management: Redux Toolkit, React Redux, React Query (TanStack)
  • Markdown & Content: @uiw/react-md-editor, Markdown-it
  • Utilities & Helpers: Axios, Moment.js, Numeral.js, UUID, React Hook Form, Yup, React Device Detect
  • Realtime & Messaging: Socket.io Client
  • Other Enhancements: Emoji-mart, Emoji-picker-react, hCaptcha, Body-scroll-lock

2. Backend:

  • Core Frameworks: Node.js, Express, TypeScript
  • Database & Caching: MongoDB (via Mongoose), Redis
  • Security & Middleware: Helmet, CORS, HPP, Express-rate-limit, Compression, Cookie-parser, JSON Web Token (JWT), Bcrypt
  • Email & Communication: Nodemailer, SMTP Transport, Socket.io, Cluster Adapter, Redis Adapter
  • Logging & Monitoring: Morgan, Pino, Pino-pretty
  • Build & Development Tools: Nodemon, ESBuild, TS-Node, Dotenv

Technologies

React.js
Mongodb
Docker
Responsive Design
Tailwind CSS
Express.js
Node.js
Next.js