Skip to content

Mongbor.com is a dynamic single-page application developed using a stack of modern technologies, including ReactJS, Firebase, ExpressJS, NodeJS, and MongoDB.

Notifications You must be signed in to change notification settings

shikubro90/gbor-frontend

Repository files navigation

Mongbor.com - Donation Web App

App Screenshot

Mongbor.com is a dynamic single-page application developed using a stack of modern technologies, including ReactJS, Firebase, ExpressJS, NodeJS, and MongoDB. The application is designed to provide a seamless user experience for managing organic services. Below are the key features, technologies used, and information to help you understand and contribute to the project.

Features

  • Firebase Authentication System: Secure user authentication provided by Firebase, ensuring a reliable and safe login system.

  • Dynamic Route Change: Utilizes React Router for seamless and dynamic route changes, enhancing the user's browsing experience.

  • Admin Panel: Includes a dedicated admin panel for managing various aspects of the application.

  • Admin Route: Special routes designed for admin access, ensuring privileged access to specific functionalities.

  • Add Dynamic Service: Users can dynamically add new services, making the application versatile and easily expandable.

  • Data Persistence: All data is securely saved in the MongoDB database, providing a robust and scalable storage solution.

  • Private Router System: Implements a private router system to restrict access to certain routes, ensuring data privacy.

  • Route Redirect System: Includes a route redirect system for efficient navigation and a smooth user journey.

  • Dynamic Review System: Users can dynamically add reviews, contributing to a dynamic and interactive platform.

Technologies Used

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

  • React Router: Provides dynamic routing capabilities in the React application.

  • Express Js and Node Js: Used for building the server-side of the application.

  • MongoDb: A NoSQL database for storing and managing data.

  • Firebase: Integration for user authentication and other cloud services.

  • Bootstrap, React Bootstrap, Material UI: UI frameworks for responsive and aesthetically pleasing designs.

  • React Rating, React Hook Form, React Icons: Enhances UI with rating components, form handling, and icons.

  • CSS: Styling sheets for customizing the appearance of the application.

  • Git: Version control system for collaborative development.

Project Structure

The project structure is organized, with clear separation between the front-end and back-end components. The client-side is built with React, and the server-side is developed using ExpressJS and NodeJS.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Start the development server using npm run dev.

Make sure to set up the required environment variables, especially those related to Firebase and MongoDB.

Contributing

Contributions to the project are welcome. If you plan to contribute, please follow the guidelines in the CONTRIBUTING.md file.

License

This project is licensed under the MIT License.

Feel free to visit Mongbor.com to experience the application live.

For any questions or issues, please open an issue on the GitHub repository.

Happy coding! 🌱🚀

About

Mongbor.com is a dynamic single-page application developed using a stack of modern technologies, including ReactJS, Firebase, ExpressJS, NodeJS, and MongoDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published