API/SERVER/DATABASE 💾

• Edaman - Recipe | Food | Nutrition Analysis API
• Prisma - Object–relational mapper (ORM)
• Sqlite - SQL Database Engine

FRAMEWORK/LIBRARIES/TOOLS 🎉

• Nextjs - Reactjs Framework
• Mantine UI - Reactjs UI Framework
• React Query - React Fetching Libraray (Server State)
• Redux Toolkit - Redux Library (Client State)
• Typescript - JavaScript with syntax for types

TODO 📝

• - Create Signup and Login Page. - users will be able to sign up and log in to the application and access other features. Create your own backend to store user information.

• - Create home page - display recipe data from /api/recipes/v2 endpoint.

• - Add pagination when displaying the data.

• - Add search recipe functionality.

• - Create a page to view other details of a specific recipe.

• - Create reusable components for your application.

• - Create logout functionality.

• - Create export data functionality, CSV, and PDF.

• - Add favorite functionality and add the data to your database and this data can be retrieved by the user. Users should also be able to unfavorite this item.

• - You can use third-party libraries for state management (e.g Redux) or use useContext.

• - Create an admin feature.

  • - Able to chat to a user
  • - Use websocket for this.
  • - Paginate Chat (Infinite Scroll)
  • - Improve Chat UX
  • - Chat Notification
  • - Can send Images or use Richtext
  • - Get all users
  • - Search a user
  • - Update User status
  • - Improve UI/UX

• - Users can also chat with the admin.

  • - User can view all favorites

• - Store chat data to the database and can be retrieved.

• - Improve Performance

  • - Apply SEO
  • - Database (change to nearest region)
  • - Use GetStaticProps or GetServerSideProps
  • - Clean up Codes