Giter VIP home page Giter VIP logo

qamar2315 / chefconnect Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 561 KB

ChefConnect is a recipe-sharing platform built entirely with Next.js. It enables users to discover, save, and share recipes effortlessly. With Next.js handling both front and back-end, it offers a seamless and interactive culinary experience.

License: MIT License

JavaScript 94.15% CSS 5.85%
nextjs nextjs-starter nextjs-template cheff-connect nextjs-simple-project nextjs-simple-webapp nextjs-app

chefconnect's Introduction

ChefConnect

ChefConnect is a recipe-sharing platform built entirely with Next.js and Tailwind CSS. It enables users to discover, save, and share recipes effortlessly while providing authentication and authorization features for a full-stack app.

Table of Contents

Features

  • Discover new recipes from a diverse range of cuisines.
  • Save favorite recipes to your profile for easy access.
  • Share your own recipes with the community.
  • Leave reviews and ratings on recipes.
  • User authentication and authorization system.
  • Responsive design for seamless user experience on all devices.

Technologies Used

  • Next.js: A React framework for server-side rendering and building modern web applications.
  • Tailwind CSS: A utility-first CSS framework for designing responsive and customizable UI components.
  • MongoDB: A NoSQL database for storing user data, recipes, and reviews.
  • Authentication: Implement user authentication using JWT (JSON Web Tokens) for secure access to user-specific features.
  • Authorization: Define roles and permissions to control access to certain functionalities (e.g., admin privileges for managing recipes).

Getting Started

Prerequisites

  • Node.js and npm installed on your machine.
  • MongoDB instance or MongoDB Atlas account for database storage.

Installation

  1. Clone the repository:
git clone https://github.com/your-username/chefconnect.git
  1. Install dependencies:
cd chefconnect
npm install
  1. Set up environment variables: -Create a .env.local file in the root directory. -Add your MongoDB connection string and other necessary environment variables:

MONGODB_URI=your_mongodb_connection_string SECRET_KEY=your_secret_key_for_jwt

  1. Start the development server:
npm run dev
  1. Open your browser and navigate to http://localhost:3000 to access the ChefConnect application.

Project Stucture

  • components/: Reusable React components used throughout the application.
  • public/: Static assets like images, fonts, and other resources.
  • styles/: Stylesheets and Tailwind CSS configuration files.
  • utils/: Utility functions and helper modules.
  • models/: Mongoose models for MongoDB data schemas.
  • middleware/: Custom middleware functions for authentication and authorization. Feel free to explore and modify the project structure according to your requirements.

Contributing

We welcome contributions from the community. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

chefconnect's People

Contributors

qamar2315 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.