This project is built using React version 18 and is designed to provide a robust authentication and authorization system. It utilizes JWT tokens and a combination of local storage and cookie storage to store user authentication information and permissions.
The project also features a customizable dashboard theme, making it easy to develop and add new requirements. Whether you need to add new features or modify existing ones, this project provides a solid foundation to build upon.
- User authentication and authorization with React context API for state management.
- JWT token-based authentication
- Local and cookie storage for storing authentication information
- Customizable dashboard theme
- Open to developing any additional requirements
-
Clone the repository:
git clone https://github.com/info-aliahmadi/Hydra.React.git -
Install dependencies:
npm install -
Start the development server:
npm start -
Open your browser and visit:
http://localhost:3000
The project may require certain configurations to connect to your specific backend or to modify the authentication and authorization settings. Here are the key files to look into for configuration:
- src/config.js: Contains configuration variables such as API endpoints, Authentication and Authorization Storage Types and names, or any other environment-specific settings.
-- Create a new folder in src/modules folder and follow like other modules.
-- Define the necessary routes in the src/modules/YOUR_MODULE/routes folder.
-- Implement any required API calls or data handling in src/modules/YOUR_MODULE/services folder.
-- Add any necessary authentication or authorization checks (by adding <Authorize permission="YOUR_PERMISSION"> component on any route or component).
-- Integrate the new component into the existing application by updating the appropriate files.
Contributions to this project are welcome. If you encounter any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
Please ensure that your contributions adhere to the project's coding standards and practices.
For any questions or inquiries, please contact [Ali Ahmadi](mailto: info.aliahmadi@gmail.com).