REACT LIBRARIES

Overview

https://is.gd/GDtnoO

This project is a web application that includes various functionalities such as sending SMS and email notifications, displaying toast messages, and presenting data visualizations using charts. The frontend is built with React and utilizes several libraries to enhance user experience and data presentation.

Libraries and Tools

SMS and Email

• Library: [Termii] & [Nodemailer]
• Purpose: These libraries are used to send SMS and email notifications from the application.
• Usage: Implemented for user notifications and communication.

Toast

• Library: react-toastify
• Purpose: Provides an easy way to display toast notifications in the application.
• Usage: Used for displaying success and error messages to users.

Recharts

• Library: Recharts
• Purpose: A chart library built on React components for building charts and visualizations.
• Usage: Used for rendering various charts such as line charts and bar charts to visualize data trends and statistics.

Setup

Prerequisites

Ensure you have Node.js and npm installed. You can download them from Node.js official website.

Installation

Clone the repository:

git clone https://github.com/Jedidiah-Solomon/React-Libraries.git
cd React-Libraries

Install dependencies for the frontend:

cd frontend
npm install

Install dependencies for the backend:

cd ../backend
npm install

Configuration

Frontend: The frontend is configured to run on port 5000. Backend: The backend is configured to run on port 8000.

Running the Application

Start the backend server:

cd backend
npm start

Start the frontend server:

cd ../frontend
npm run dev

The frontend should now be accessible at http://localhost:5000, and the backend at http://localhost:8000.

Contributing

Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or bug fixes.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Gallery