Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/avinash905/recipen

Recipen is a recipe website that invites food lovers to explore a world of culinary delights. With an array of authentic recipes contributed by the community, insightful food blogs, and a seamless subscription experience. Join us to savor the art of cooking, sharing, and connecting.
https://github.com/avinash905/recipen

admin-dashboard authentication axios expressjs food-blogs form-validation html-css-javascript javascript material-ui mern-stack mongodb mongoose nodejs react recipe-website redux-toolkit rtk-query stripe subscription tailwindcss

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/avinash905/recipen
Owner: Avinash905
License: mit
Created: 2023-08-02T11:40:19.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-11-25T15:19:48.000Z (about 1 year ago)
Last Synced: 2023-11-25T16:26:14.691Z (about 1 year ago)
Topics: admin-dashboard, authentication, axios, expressjs, food-blogs, form-validation, html-css-javascript, javascript, material-ui, mern-stack, mongodb, mongoose, nodejs, react, recipe-website, redux-toolkit, rtk-query, stripe, subscription, tailwindcss
Language: JavaScript
Homepage: https://recipen.vercel.app
Size: 13.6 MB
Stars: 4
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

Recipen

📝 Description :

Welcome to Recipen – a recipe website for food enthusiasts to explore, create, and share their culinary experiences. Indulge in a community-driven platform where food enthusiasts share their cherished recipes and captivating food blogs. Subscribe to the pro version to share your own recipes and to unlock a realm of taste, culture, and creativity.

---

### 🌐 Link:

Live Site: https://recipen.vercel.app/

### 🛠️ Tools and technologies used :

### 👋 Connect with me:

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2.svg?style=for-the-badge&logo=LinkedIn&logoColor=white)](https://www.linkedin.com/in/dunna-avinash)
[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Avinash905)

[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/avinashdunna)

---

### ✨Features :

Authentication: Users can securely create accounts and log in to access personalized features and content.

Access & Refresh Token: Implemented access and refresh token mechanism for enhanced security during user authentication.

Authentication State Persistence: User authentication state is now persisted across sessions, providing a seamless user experience.

Storing Tokens in Cookies: Tokens are stored in secure cookies for better protection against cross-site scripting (XSS) attacks.

Recipes: Explore a rich collection of authentic recipes contributed by the community, covering a wide range of cuisines and tastes.

Food Blogs: Engage with insightful and creative food blogs written by enthusiasts, offering valuable insights and cooking inspiration.

Stripe Payment Integration: Seamlessly integrated Stripe for secure payment processing, enhancing user experience during transactions.

One-Time Payment Subscription: Offer users the option to subscribe with a one-time payment, unlocking exclusive features and benefits.

Pro User Access: Pro users enjoy the privilege of adding and deleting recipes and blogs, creating a dynamic and engaging platform.

Admin Dashboard: Admins have access to a dashboard for managing users, recipes, and blogs

User Profile: Each user has a personalized profile where they can manage their information.

Contact Us Page: A dedicated page for users to reach out with questions, concerns, or feedback, fostering communication.

Chatbot: A chatbot that provides one to one assistance with the maintainers of the project.

Save and Unsave Favorite Recipes: Users can curate their own collection of favorite recipes for easy access and cooking inspiration.

Rate and Comment on Recipes: Registered users can provide ratings and comments on recipes, enhancing the community interaction.

Comment on Blogs: Engage in discussions by leaving comments on the food blogs, sharing thoughts and ideas.

Share Recipe on Social Media: Users can effortlessly share their favorite recipes on various social media platforms.

### Steps to run the project on your local machine

Fork this repository

Open terminal or command prompt on your local machine. Run the following command to clone the repository:

```
git clone https://github.com/your-username/your-repo.git
```

Replace **your-username** with your GitHub username and **your-repo** with the name of your repository.

Open the project and rename .env.example files to .env in both client and server directory.

Add your own environment variables to these both files.

Add http://localhost:5173 and http://localhost:5000 to allowedOrigins array present in the path server/config/allowedOrigins.

To run the frontend, open a new terminal and run 'cd client/' to go to client directory and execute:

```
npm run dev
```

To run the backend, open a new terminal and run 'cd server/' to go to server directory and execute:

```
nodemon index.js
```

Open http://localhost:5173/strong> from your browser to run the webapp.

### Steps to access the admin dashboard

After running the webapp on your machine sign up on the website.

Now open your MongoDB collection and manually add the Admin element in the array of roles field for the user you want to make admin and then Sign in back on the site.