wikifit
Progressive web App
Summary
Application created to empower individuals to discover, personalize, and track their food choices through a user-friendly web application, promoting informed decision-making and sustainable healthy eating habits.
Links
Tech Stack
| technologies | |
|---|---|
| backend | PostgreSQL Prisma |
| hosting | Vercel |
| testing | React Testing Library Jest Cypress |
| frontend | Next.js Next Auth Next PWA Tailwind React Hook Form |
| language | JavaScript |
Features
- Crafted as a Progressive Web App for seamless user experience across devices.
- Implementation of robust Unit Tests for reliable codebase integrity.
- Comprehensive End-to-End tests ensuring end-user functionalities meet high standards.
- Intuitive display of collection tags on recipes, enhancing user organization.
- Thoroughly tested ARM, macros, and meal size calculators for accuracy and reliability.
- Dedicated Recipe Details page for in-depth exploration of culinary creations.
- User-friendly pages for managing and showcasing personalized recipe collections.
- Empowering users with the ability to create, rename, and delete collections effortlessly.
- Efficient management of recipes, including storage, movement, and deletion functionalities.
- Real-time form validation for an enhanced and error-free user input experience.
- Seamless integration of loading indicators to provide users with a smooth interaction.
- Ensured security through protected routes, safeguarding sensitive areas of the application.
- Dynamic content adaptation with conditional rendering for a personalized user journey.
- Streamlined user onboarding with social sign-in capabilities.
Screenshots
