MERN Food Ordering Project
Established strong foundations for application’s back end employing both Express.js and TypeScript technologies while addressing three critical areas: database interactions, security measures around variable storage, enhancing overall system reliability.
Built a robust and scalable frontend using React, React Router, and TypeScript, focusing on key areas such as dynamic routing, secure authentication, and responsive UI design to ensure an exceptional user experience.
Database
Powered by MongoDB via Mongoose, efficiently managing many records across collections such as users, orders, and restaurants. The connection string is securely stored in environment variables, ensuring robust data protection and scalability
Cloudinary Integration
Seamlessly handles image uploads, processing over 50, restaurant banners, and food item photos daily. API keys and configuration are securely managed using environment variables, maintaining confidentiality and compliance with best practices.
Authentication
Integrated Auth0 via @auth0/auth0-react, enabling secure and scalable authentication for over 50 daily active users, while seamlessly managing roles and permissions for enhanced access control.
UI Components
Leveraged Radix UI components, including over 15 reusable elements like Dialogs, Dropdowns, and Selects, to craft a responsive interface that ensures consistent performance across devices and supports up to 95% of screen resolutions.
Deployment on Render.com
Deployed the application on Render.com, providing a fast and reliable platform for hosting both the backend and frontend. The deployment leverages automated builds and scaling to ensure optimal performance and uptime.