Sparely
TYPE
web
DURATION
2 weeks
COMPLETED
Feburary 2025
LANGUAGE
TypeScript
MISSION BRIEF
Sparely is a specialized e-commerce application focused on helping users find and sell vehicle spare parts easily. It allows sellers to list items, manage inventory, and interact with buyers. Buyers can search for compatible parts using tags, keywords, and vehicle compatibility filters. Built with a modern stack, Sparely provides a smooth, secure, and scalable experience.
VISUAL_EVIDENCE
CORE FEATURES
- Posting a listing
- Updating your listing
- Seller Dashboard
- Sign up as a merchant
- Search parts by tags or keywords
- Filter results
- Check part compatibility with car
- Call seller from the website
- Authentication with Firebase
- Responsive and accessible UI
TECH STACK
- >Next.js with TypeScript for server-side rendering and routing
- >Firebase Authentication integrated with custom JWTs for backend authorization
- >Node.js and Express for backend API
- >MongoDB for storing listings and user data
- >RESTful API with secure role-based access control
- >Tailwind CSS for responsive UI design
- >Dynamic filtering and search using MongoDB indexing
Operational Hurdles
Integrating Firebase Authentication with backend JWT flow
SOLUTION_PROTOCOL: Used Firebase Admin SDK to verify ID tokens on the server and issue custom JWTs for session persistence and secure backend API access
Designing flexible part compatibility logic
SOLUTION_PROTOCOL: Implemented a schema that supports matching parts with multiple vehicle models using standardized metadata and VIN lookups
Ensuring scalable product search and filtering
SOLUTION_PROTOCOL: Created indexed search fields and tag-based filters in MongoDB, enabling fast lookups and smart filtering on the frontend