Users needed a platform to match profiles, participate in forums, and communicate through chat features. The system required authentication, profile management, event listings, and data storage for profiles, events, forums, and messages.
Car-Match
Car-Match · MVP full-stack matchmaking demo
React frontend and Express backend with MongoDB Atlas persistence when configured. Frontend hosted on GitHub Pages; backend API is ready for Render deployment.Problem
What I built
Built an MVP full-stack application with a React frontend, Express API backend, and MongoDB Atlas persistence when configured. The frontend provides user interfaces for profiles, forums, events, and chat. The backend handles authentication, data storage, and API routing.
Frontend
- React application with context-based authentication state management
- React Router for navigation and protected routes
- Reusable UI components for profiles, forums, and events
- Accessibility features documented in README
Backend
- Express API with JWT authentication
- MongoDB Atlas persistence when configured
- Health check endpoint for monitoring
- API endpoints for profiles, events, forums, and messaging
Responsibilities
- Designed and implemented React UI components for profiles, forums, and chat
- Built Express API endpoints for authentication, profile matching, and messaging
- Designed MongoDB schema for users, events, forums, and messages
- Configured deployment pipelines for frontend (GitHub Pages) and backend (Render)
- Implemented authentication flow with JWT tokens
- Created documentation and setup instructions
Measurable results
- GitHub repo: car-match
- Live deployment: Frontend deployed to GitHub Pages; backend API deployment configured for Render
- Authentication flow: JWT token implementation in Express routes
- Data persistence: MongoDB Atlas configuration for users, events, forums, and messages
- Deployment configuration: Frontend and backend deployment steps documented in the repository
Technologies used
ReactExpressMongoDBRenderGitHub PagesJWT