Skip to content

Latest commit

 

History

History
100 lines (66 loc) · 3.23 KB

readme.md

File metadata and controls

100 lines (66 loc) · 3.23 KB

Recipe Code Structure

The project follows a simple MERN stack structure based on CRUD operation also:

  • botoken - Contains the contact info.
  • client: Contains the React frontend.
  • server: Contains the Express.js backend.
  • Schema: Define the MongoDB schemas and models.
  • routes: Define the API routes.
  • controllers: Handle route logic and interact with the database.
  • middlewares: Custom middleware functions.
  • db: Configuration files (e.g., database connection).

Technologies Used

Frontend:

  • React
  • Tailwind CSS

Backend:

  • Node.js
  • Express.js
  • MongoDB (Mongoose)
  • JSON Web Tokens (JWT) for authentication
  • bcrypt for secured password hashing

Recipe Sharing Full Stack App (MERN Stack)

Features

  • User Authentication: Secure login and registration system with JWT authentication.
  • Recipe Management: Full CRUD operations for recipes including create, edit, and delete functionalities.
  • Recipe Discovery: Explore and search for recipes shared by other users.
  • Comments and Ratings: Leave comments and rate recipes to share feedback.
  • Favorite Recipes: Save and manage your favorite recipes for quick access.
  • Responsive Design: Optimized for both desktop and mobile devices for a seamless user experience.

Prerequisites

Ensure you have the following installed:

  • Bot API (API of Telegram Bot to Interact or Contact)
  • Node.js (version 14 or higher)
  • TailwindCss.com(For the Styling Css of the WebApp)
  • React.js
  • MongoDB (running locally for me or You Can Host On Render or Heroku)
  • Git for version control
  • A text editor or IDE (e.g., Visual Studio Code)

Getting Started

  1. Clone the repository:

    git clone https://github.com/MrAbhi2k3/RecipeSharingCommunity.git
    
  2. Navigate to the project directory:

    cd RecipeSharingCommunity   
    
  3. Navigate to the client directory:

    cd client
    
  4. Install client dependencies:

    npm install 
    
  5. Return to the project root:

    cd ..
    
  6. Navigate to server folder:

    cd server
    
  7. Create a .env file in the project root and configure your environment variables:

    PORT=2000
    MONGODB_URI=mongodb://localhost/recipedb [Create Your Own]
    SECRET=your-secret-key
    

Replace your-secret-key with a secure secret for JWT token generation.

  1. To Start the development server

    npm run dev
    
  2. To Start Client Side Server

    npm start
    

📫 Connect with me:

GitHub LinkedIn Telegram Instagram Discord