Skip to content

DynamicFlow Frontend is the user-facing component of our full-stack web application. Built using React.js, it provides a seamless and interactive interface for users to manage their notes, interact with the Gemini AI Bot, and access various features securely.With intuitive user authentication and responsive design,the frontend for smooth experience

License

Notifications You must be signed in to change notification settings

powerstone666/DynamicFlow-react

Repository files navigation

DynamicFlow Website

DynamicFlow Website

DynamicFlow is a full-stack web application built using React, Node.js, and MySQL. It provides a dynamic and interactive platform for users to manage their notes, interact with Gemini AI Bot, and access various functionalities through a secure login system.

Features

  • User Authentication: Secure user authentication system implemented using JSON Web Tokens (JWT). Users can sign up, log in, and log out securely.
  • Admin Panel: Admins have access to an admin panel where they can view, delete, and edit user accounts.
  • Notes Management: Users can create, view, and delete their notes. This feature allows users to keep track of important information in an organized manner.
  • Profile Management: Users can view and update their profile information, ensuring their details are always up to date.
  • Gemini AI Bot Integration: Interact with Gemini AI Bot for various tasks and queries, enhancing user experience and providing additional functionalities.

Technologies Used

  • Frontend: React.js
  • Backend: Node.js
  • Database: MySQL
  • Authentication: JSON Web Tokens (JWT)

Setup

  1. Clone the repository:
    git clone https://github.com/your-username/dynamicflow.git
  2. Install dependencies:
    cd dynamicflow
    npm install
  3. Database Setup:
    Set up your MySQL database and update the database configuration in server/config/db.config.js.
  4. Start the server:
    npm start
  5. Run the client:
    cd client
    npm start
  6. Access the application:
    Open your web browser and navigate to http://localhost:3000.

Setting Up Environmental Variables

Before running the backend server, ensure that you have set up all the necessary environmental variables. These variables typically include sensitive information such as database credentials, API keys, and other configurations. Follow these steps to set up environmental variables:

  1. Create a .env File: In the root directory of the backend repository, create a new file named .env. This file will store all your environmental variables.
  2. Define Environmental Variables: Inside the .env file, define each environmental variable on a new line using the following format:
    VARIABLE_NAME=variable_value
    Replace VARIABLE_NAME with the name of the environmental variable and variable_value with its corresponding value.
  3. Screenshots

    dynamic-signin dynamic-user dynamic-bot dynamic-notes dynamic-admin

    Contributing

    Contributions are welcome! Please feel free to submit pull requests to enhance the functionality or fix any bugs.

    License

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

About

DynamicFlow Frontend is the user-facing component of our full-stack web application. Built using React.js, it provides a seamless and interactive interface for users to manage their notes, interact with the Gemini AI Bot, and access various features securely.With intuitive user authentication and responsive design,the frontend for smooth experience

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published