Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/faysalgreen35/mfs-client


https://github.com/faysalgreen35/mfs-client

Last synced: 10 days ago
JSON representation

Awesome Lists containing this project

README 

        
# MFS(Mobile Financial Service )



## Introduction

 MFS application (like bKash or Nagad) using React.js, Node.js, Express.js, and MongoDB. Implement essential features: user authentication, send money, cash-out, and balance inquiries. Ensure a simple and secure web interface.



## Frontend Live Link

[MFS Frontend](https://pet-adoption-eccce.web.app)



## Backend Link

[MFS Backend](https://pet-adoption-server-delta.vercel.app)



## Features

- **Navbar**: Includes a logo, navigation links (Home, Pet Listing, Donation Campaigns, Login/Register), and a user profile section with a dropdown menu.

- **Banner Section**: A visually appealing banner or slider that highlights key messages and promotions.

- **Pets Category Section**: Easy-to-navigate buttons or cards that categorize pets (Cats, Dogs, Rabbits, Fish, etc.).

- **Call to Action Section**: Encourages users to adopt pets, featuring inspirational images and text.

- **About Us Section**: Provides a brief introduction to the website's purpose and functionality.



## Technologies Used

- **Frontend**: React, Flowbite, Skeleton, Tiptap, Tanstack Table, Tanstack Query

- **Backend**: Node.js, Express.js, MongoDB

- **Authentication**: Firebase Authentication

- **Payment Processing**: Stripe

- **Styling and UI Components**: Tailwind CSS, Flowbite

- **Data Management**: Tanstack Query

- **Text Editor**: Tiptap



## Authentication in Firebase

Firebase Authentication is used to manage user authentication and provide a secure login/register experience. Users can sign up with their email or through social media accounts. Firebase also handles password recovery and user session management.



## Flowbite

Flowbite is a component library for Tailwind CSS, providing pre-designed components that can be easily integrated into our project to enhance the user interface and user experience.



## Skeleton

Skeleton is a simple, responsive boilerplate for quickly building web interfaces. It provides a basic structure and responsive grid system, ensuring that the website looks good on all devices.



## Tiptap

Tiptap is a rich-text editor for the web that provides a user-friendly and customizable text editing experience. It is used in various sections of the website where text input is required.



## Tanstack Table

Tanstack Table is a powerful and flexible table library for React. It allows for the creation of highly customizable and feature-rich tables to display pet listings, user data, and more.



## Tanstack Query

Tanstack Query is a data-fetching library for React that simplifies data synchronization and state management. It ensures that the website efficiently handles data fetching, caching, and synchronization.



## Stripe Payment for Donations

Stripe is integrated to handle secure and reliable payment processing for donations. Users can easily contribute to donation campaigns through a seamless payment experience, supporting the cause of pet adoption and welfare.



## Installation and Setup

To set up the project locally, follow these steps:



1. **Clone the repository**:

   ```bash

   git clone https://github.com/programming-hero-web-course1/b9a12-server-side-Faysalgreen35

   cd pet-adoption-server