Recipehub

Fork, remix, and share recipes

Comment

Inspiration

As a developer, I completed a challenge on Frontend Mentor that allowed me to use HTML and CSS. I built the fullstack web app called Recipehub based on Github, which allows users to be able to fork, share, and create recipes.

What it does

Browse, remix, fork, and share recipes with other users. Join the social media platform where you can share, like, and comment on recipes with other users.

How I built it

Currently, it is built from frontend tools and technologies using Next, tailwindcss, Shadnui, local storage, Resend for email service, and Sonner notification. There is no actual database to store the user information and allow multiple users to log in separately. The website uses local storage, which is temporary, and session storage.

Challenges I ran into

Some challenges I ran into are being able to create a social media-like platform with real-time notification, allowing the user to create recipes with the admin's approval, fetching an API, creating a database using Firebase with real-time DB, and build a custom chatbox with premium features using other payment gateway other than stripe.

Accomplishments that I'm proud of

I was able to build a fullstack application using frontend tools and technologies and build a custom chatbox that would be able to suggest and assist the user with recipes look up and suggest recipes based on machine learning and what the user searches, I was able to use different payment gateway with premium features such as the social media platform for users and other features that are coming soon.

What I learned

I learned a lot I was able to mantain the site with the latest denpendancies and features that I would like to add to the site. I also tried to test before production using jest and users that I know and regular users.

What's next for Recipehub

I created some changelog that showcases the new features that are coming soon since I am the only one building this site from since the frontend mentor challenges.

Built With

Share this project:

Updates