Full-Stack Recipe App

Description

This project is a full-stack recipe application designed to allow users to browse, create, and share recipes. Built using modern web technologies including Vite for front-end tooling, React for the user interface, Express for the server framework, Prisma as the ORM for database operations, and ElephantSQL for PostgreSQL database hosting.

Features

• Browse Recipes: Users can view a list of recipes and select individual ones for detailed instructions.

• Responsive Design : Ensures a good user experience on both desktop and mobile devices.

Technologies Used

• Vite: Front-end build tool for faster development and optimized builds.

• React: Front-end JavaScript library for building user interfaces.

• Express: Node.js web application framework for building web and API servers.

• Prisma: ORM used to manage the database schema and perform SQL operations comfortably.

• ElephantSQL: Cloud PostgreSQL database service.

Installation

1. Clone the repository

git clone https://github.com/dchobarkar/recipe-app.git
cd recipe-app

2. Install backend dependencies: Navigate to the backend directory and install necessary packages

• Install front-end and back-end dependencies:

# Navigate to the frontend directory
cd frontend
npm install

# Navigate to the backend directory
cd ../backend
npm install

3. Set up environment variables

• Create .env files in your frontend and backend directories with the necessary environment variables, such as database URLs, secret keys, etc.

Running the Application

1. Start the backend server:

• In the backend directory:

npm run start

This will start the Node.js server on http://localhost:5000.

2. Launch the frontend application:

• In the frontend directory:

npm run dev

This will serve the React app on http://localhost:3000.

Contributing

Contributions to this project are welcome. Follow these steps to contribute:

1. Fork the repository
2. Create a new branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/YourFeature)
5. Open a pull request

License

Distributed under the MIT License. See LICENSE file for more information.

Contact

Darshan Chobarkar - @dchobarkar - @barbatos__08 - contact@darshanwebdev.com

Project Link: https://github.com/dchobarkar/recipe-app