SelfShef is a user-friendly web app that allows individuals to create, manage, and share their personal recipes.
Designed for food lovers, home cooks, and culinary creatives – SelfShef helps you organize your kitchen knowledge in one place.
- 📖 Recipe Management – Add, edit, and delete your own recipes
- 🔍 Search & Filter – Find recipes by name, category, or ingredients
- 📸 Image Uploads – Add photos to your recipes for a visual touch
- 👥 Sharing Options – Share your favorite recipes with others
- 🌐 Responsive Design – Works on both mobile and desktop devices
- React.js – Frontend UI library
- Tailwind CSS – Utility-first CSS framework
- Node.js + Express – Backend API server
- MongoDB – NoSQL database for storing recipes
git clone https://github.com/edensitko/selfshef.git
cd selfshefnpm installnpm startVisit http://localhost:3000 to view the app in your browser.
selfshef/
├── public/ # Static public assets
├── src/
│ ├── components/ # React components
│ ├── pages/ # Main pages
│ ├── assets/ # Images and static files
│ ├── App.js # Root component
│ ├── index.js # Entry point
│ └── styles/ # Custom styles
├── package.json
└── README.md
You can try the live demo here: https://selfshef.vercel.app
Contributions are welcome!
Feel free to fork the project, open issues, or submit pull requests to improve functionality or design.