Data

Tools

Indexes

Applications

Experiments

Awesome

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

https://github.com/aayush-bhargav/huduki-find-best-offers

Huduki is a comprehensive MERN web application that connects users with special offers from various dining and drinking establishments. It provides a seamless experience for both users and restaurant owners, featuring real-time offer displays, dynamic search capabilities, and coupon generation.
https://github.com/aayush-bhargav/huduki-find-best-offers

best-offers coupons css express express-js full-stack-web-development google-maps-javascript-api html javascript mern-stack mongodb navigation nodejs nodemailer razorpay-api react react-components reactjs restaurant-website searchresults

Last synced: 3 months ago
JSON representation

Huduki is a comprehensive MERN web application that connects users with special offers from various dining and drinking establishments. It provides a seamless experience for both users and restaurant owners, featuring real-time offer displays, dynamic search capabilities, and coupon generation.

Awesome Lists containing this project

README 

        
# Huduki- Find the Best Offers On Restaurants, Bars and Pubs online!

Huduki is a comprehensive MERN web application that connects users with special offers from various dining and drinking establishments. It provides a seamless experience for both users and restaurant owners, featuring real-time offer displays, dynamic search capabilities, and coupon generation. Built with the MERN stack (MongoDB, Express.js, React, Node.js), Huduki ensures a secure and interactive experience. This is a website that I solely built as part of an unpaid internship this summer.



## Install

Clone the repo 

```

git clone https://github.com/Aayush-Bhargav/Huduki-Find-Best-Offers.git

```

Go to the required directory

```

cd Huduki-Find-Best-Offers

```

Install frontend dependencies

```

npm install

```

Open a new terminal and Install backend dependencies

```

cd backend

npm install

```

Create a **.env** file in the root directory of the project and add your google maps API key and Razorpay key id. You can use the provided **SampleENV.txt** file as a template:

```

cp SampleENV.txt .env

```

Create a **.env** file in the **backend** directory of the project and the required sensitive information. You can use the provided **sampleENV.txt** file as a template:

```

cp sampleENV.txt .env

```



## Launch



Launch the server 

```

nodemon index.js

```

Launch the frontend

```

npm start

```

**Make sure mongo DB server is running on your localhost and listening on the default port 27017.**



## Screenshots



### Home Page 

![Home Page ](screenshots/homePage.png)

![Home Page 1](screenshots/homePage1.png)



### Search Nearby Restaurants

![Nearby Restaurants](screenshots/findNearbyRestaurants.png)



### Restaurant Info

![Restaurant Info](screenshots/restaurantDetail.png)

![Restaurant Info](screenshots/restaurantDetail1.png)



### Login Page

![Login Page](screenshots/loginPage.png)



### Signup Page

![Signup Page](screenshots/signupPage.png)

![Signup Page 1](screenshots/signupPage1.png)



### Forgot Password Page

![Forgot Password Page](screenshots/forgotPasswordPage.png)



### Edit Details Page

![Edit Details Page](screenshots/editDetails.png)

![Edit Details Page 1](screenshots/editDetails1.png)



### Renew Membership Page

![Renew Membership](screenshots/renewMembershipPage.png)

![Renew Membership](screenshots/renewMembershipPage1.png)



### Verify Coupon Page

![Verify Coupon Page](screenshots/verifyCoupon.png)



### About Page

![About Page](screenshots/aboutPage.png)

![About Page 1](screenshots/aboutPage1.png)



### Payment Portal

![Payment Portal](screenshots/paymentPage.png)



### Mobile View

![Mobile View](screenshots/mobileView.png)

![Mobile View 1](screenshots/mobileView1.png)

![Mobile View 2](screenshots/mobileView2.png)



### Mails Screenshots

![Coupon Generated](screenshots/couponMailedToCustomer.png)

![Coupon Redeemed](screenshots/couponRedeemedByCustomer.png)

![Registration Password Mail](screenshots/registrationPasswordMail.png)

![Pdf with registration details mailed](screenshots/pdfWithRegistrationDetailsMail.png)



## Features



- **Trending Offers**: View a carousel of trending offers from various bars, pubs, and restaurants.

- **Location-Based Search**: Enter a location and specify a radius to find restaurants with offers in the vicinity.

- **Restaurant Details**: Click on a restaurant to view detailed information, including an embedded Google Maps view.

- **Coupon Generation**: Generate coupons for additional discounts. Track usage to monitor the business generated through the app. Securely verify the validity of the coupons after logging in.

- **Secure Authentication**: User and restaurant authentication with secure login registration and membership renewal processes.

- **Payment Integration**: Seamless payment for restaurant registration through Razorpay.

- **Email Notifications**: Automated email notifications using Nodemailer for password recovery and registration details.



## Technologies Used



- **MERN Stack**: Utilizes MongoDB, Express.js, React, and Node.js to provide a full-stack solution.

- **Node.js & Express**: Backend services including authentication, restaurant management and finding restaurants within a certain radius.

- **MongoDB**: Stores user data, restaurant information, payments, and coupons.

- **React**: Frontend framework for a responsive and dynamic user interface.

- **Google Maps API**: Embedded maps for displaying restaurant locations.

- **Nodemailer**: Handles email notifications for user and restaurant communication.

- **Razorpay**: Integrated payment gateway for handling restaurant registration fees.

- **Multer**: Used for handling file uploads to the backend.

- **PDF Generation**: Backend functionality for generating PDFs for registration and membership renewal invoices.