https://github.com/chitra35006/a-12-perfect-pair-client
This project is a Matrimony platform. This online platform will enable users to connect with potential life partners in an intuitive, user-friendly environment. It has admin & user dashboard. Also people can be a premier user by requesting. If admin approve it then the Premium user can see other users contact information.
https://github.com/chitra35006/a-12-perfect-pair-client
ant-design express-js firebase-auth jwt-token mongodb node-js react-router reactjs tailwindcss
Last synced: 3 months ago
JSON representation
This project is a Matrimony platform. This online platform will enable users to connect with potential life partners in an intuitive, user-friendly environment. It has admin & user dashboard. Also people can be a premier user by requesting. If admin approve it then the Premium user can see other users contact information.
- Host: GitHub
- URL: https://github.com/chitra35006/a-12-perfect-pair-client
- Owner: Chitra35006
- Created: 2025-02-04T12:47:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-25T11:53:02.000Z (over 1 year ago)
- Last Synced: 2025-04-05T09:15:49.118Z (about 1 year ago)
- Topics: ant-design, express-js, firebase-auth, jwt-token, mongodb, node-js, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://a-12-perfect-pair.web.app
- Size: 2.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Name: Perfect Pair [ A Matrimony Platform ]
## :::Description:::
This project is a Matrimony platform using the powerful MERN stack (MongoDB, Express, React, and Node.js). This online platform will enable users to connect with potential life partners in an intuitive, user-friendly environment. It has admin & user dashboard. Also people can be a premier user by requesting. If admin approve it then he user can see the requested contact. Also it if user a normal user then he have to pay 5usd to see the requested each contact.
## :::Project Features:::
1. **User Friendly Interactivity**
2. **Responsive Design**
3. **Firebase Authentication**
### Normal User:
- Add user bio
- Update user bio
- Add contact to Favorite
- Upload Marital Status, share reviews, thoughts
- View user bio
- Request to get Number [Pay USD]
- Request for a premium user
- After approval, can see all user contact information
### Admin:
- Admin Home [see all user total, male, female, revenue]
- Manage Users: Make admin or premium
- Approve Premium
- Approve Contact Request
- See Success Story
::: Technologies Used :::
Category
Technologies
Frontend
React.js, TailwindCSS, AntDesign
Backend
Node.js, Express.js
Database
MongoDB
Authentication
Firebase Authentication
Hosting
Client (Firebase), Server (Vercel)
::: Dependencies :::
- @ant-design/icons: ^5.5.2
- @ant-design/plots: ^2.3.3
- @emotion/react: ^11.14.0
- @emotion/styled: ^11.14.0
- @mui/icons-material: ^6.4.0
- @mui/material: ^6.4.0
- @react-icons/all-files: ^4.1.0
- @stripe/react-stripe-js: ^3.1.1
- @stripe/stripe-js: ^5.5.0
- @tanstack/react-query: ^5.64.2
- animate.css: ^4.1.1
- animate.css-react: ^1.1.0
- antd: ^5.23.1
- axios: ^1.7.9
- clsx: ^2.1.1
- date-fns: ^4.1.0
- dayjs: ^1.11.13
- firebase: ^11.2.0
- localforage: ^1.10.0
- lottie-react: ^2.4.0
- match-sorter: ^8.0.0
- moment: ^2.30.1
- moment-timezone: ^0.5.46
- motion: ^11.18.2
- react: ^18.3.1
- react-datepicker: ^7.6.0
- react-dom: ^18.3.1
- react-gradient-text: ^0.1.0
- react-helmet: ^6.1.0
- react-hook-form: ^7.54.2
- react-icons: ^5.4.0
- react-moment: ^1.1.3
- react-router-dom: ^7.1.3
- react-select: ^5.9.0
- sort-by: ^1.2.0
- sweetalert2: ^11.15.10
- swiper: ^11.2.1
- tailwindcss-animate: ^1.0.7
## ::: Live Link :::
https://a-12-perfect-pair.web.app
# 🛠Setup Instructions
Follow these steps to clone the repository, install dependencies, and run the project on your local machine.
## 1. **Clone the Repository**
Start by cloning the repository to your local machine and navigating into the project directory:
```bash
git clone https://github.com/Chitra35006/A-12-Perfect-Pair-Client.git
cd A-12-Perfect-Pair-Client
Install the necessary dependencies using your preferred package manager (npm or yarn):
# Using npm
```bash
npm install
# Or using yarn
```bash
yarn install
Create a .env file in the root directory of the project:
```bash
touch .env
Add the following variables to your .env file:
env
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id
VITE_Payment_Gateway_PK=your_payment_gateway_pk
4. Run the Application
You're all set to run the application locally.
bash
# Using npm
npm run dev
# Or using yarn
yarn
5. Access the Application
Open your web browser and navigate to:
http://localhost:5173