RecipeBook🍴

RecipeBook is a beginner-level CRUD project that serves as a recipe book, developed using the MERN stack. It features a simple user interface for creating recipes, viewing all recipes, and saving recipes from other users. The project incorporates authentication using JSON Web Tokens (JWTs) for secure access.

Technologies Used

• Frontend:

  • React
  • Tailwind CSS

• Backend:

  • Node.js
  • Express
  • MongoDB

Features

• User Authentication: Secure authentication using JWTs ensures that only authorized users can access the system.
• Create Recipes: Users can create their own recipes and add them to the database.
• View All Recipes: Access a list of all recipes stored in the database.
• Save Recipes: Users can save recipes created by other users for future reference.

Deployment

The project is deployed online with the backend hosted on Render and the frontend hosted on Vercel. You can access the deployed version of the application here - recipeeebook.vercel.app

• Backend: Render
• Frontend: Vercel

Screenshots

Getting Started

To get started with the Recipe Book project, follow these steps:

1. Clone the repository: git clone https://github.com/shrudex/recipe-book.git
2. Install dependencies for the frontend: cd recipe-book/client && npm install
3. Install dependencies for the backend: cd ../server && npm install
4. Start the frontend: npm run dev (in the client directory)
5. Start the backend: node src/index.js (in the server directory)

Folder Structure

• server/: Contains the backend code built with Node.js and Express.
• client/: Contains the frontend code built with React and Tailwind CSS.

Contributing

Contributions are welcome! If you find any issues or would like to suggest enhancements, feel free to open an issue or submit a pull request.