EKAC - Recipe Blog Website

• To launch the website locally, clone the repository, cd into the frontendfolder before running npm run start.
• To access the deployed website, go to https://ekac-437bc.web.app/ This website is preliminary deployed as of 25/07/2024.

Vision

• Clean, homely UI that welcomes all users. Ekac focuses on ensuring that users are able to navigate through the website easily.

Motivation

• Centralised platform for aspiring bakers who have trouble finding recipes for their desired bakes.
• Ekac acts as an all in one platform where users can search for recipes and also share their own recipes so that other users can also learn and utilise those recipes.
• Recipes shared are of differing difficulty levels, providing a gentle learning curve for aspiring bakers.

Tech Stack

• Tailwind CSS (frontend)
• React (frontend)
• Firebase (Backend + storage)
• BotPress (ChatBot integration)

Pages

• My Recipes page: View recipes that you have created. Favourite, Edit, View or Delete your recipes.
• Favourites page: View recipes that you favourited from your recipes page, or the community page.
• Profile page: Customise your avatar and view your user profile.
• Community page: View recipes posted by all users on the platform.
• Courses page (Work in progress): View courses organised by users.

Other Notable Features

• Ratings: Upvote or Downvote recipes that you have tested. This will contribute to the overall popularity rating of that recipe.
• Filter: Filter recipes according to their types or date created.

About the project

• EKAC is a 2 month long passion project, built with the intention to improve my web development skills. I had a lot of fun trying out new technology, and to go through the trial and error process whilst working on this web application. Feel free to test out the website, and have a good day ahead! :)