Skip to content

Add: Implemented React Router and Axios integration, and added test c…#34

Merged
Limeload merged 3 commits intoLimeload:mainfrom
Aditya-JOSH:feature/integrate-react-with-rails
Oct 17, 2025
Merged

Add: Implemented React Router and Axios integration, and added test c…#34
Limeload merged 3 commits intoLimeload:mainfrom
Aditya-JOSH:feature/integrate-react-with-rails

Conversation

@Aditya-JOSH
Copy link
Contributor

@Aditya-JOSH Aditya-JOSH commented Oct 14, 2025

…omponents to verify the setup.

Description

Implemented React Router for client-side navigation and integrated Axios for API communication in the React frontend. Added basic Login and Signup components styled with Tailwind CSS to verify routing and API setup. Successfully tested API connectivity with the Rails backend.

Note: Remember to add REACT_APP_API_URL=http://localhost:3000 in .env.development.local for proper API endpoint configuration.

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

Changes Made

  • Installed and configured react-router-dom for page navigation.
  • Installed and configured axios for HTTP requests to the Rails API.
  • Created services/api.js for centralized Axios configuration using environment variables.
  • Added basic Login and Signup components with Tailwind CSS styling.
  • Updated App.js to include routes for Login, Signup, and Categories.
  • Verified API connection by making requests from components to backend endpoints.
  • Updated frontend documentation and .env for API URL and port configuration.

Testing

Describe how you tested these changes:

  • Unit tests added/updated
  • Integration tests pass
  • Manual testing performed

Screenshots (if applicable)

Screenshot from 2025-10-14 14-05-15 Screenshot from 2025-10-14 14-04-54 Screenshot from 2025-10-14 11-51-45 Screenshot from 2025-10-14 11-51-30

Related Issues

Closes #5

@Limeload
Copy link
Owner

@Aditya-JOSH Make sure all checks are passed so that I can merge!

@Aditya-JOSH
Copy link
Contributor Author

@Limeload
Hi,

I wanted to highlight two separate issues that need attention:

Lint Errors
The existing codebase has lint errors that need a dedicated issue to track and fix. This will help organize the work and ensure all linting problems are addressed properly.

Secret Key Base Issue
The root cause of the CI failure related to secret_key_base is that the credentials file on GitHub was encrypted with a different master key than the one I have locally. To fix this, please set the correct master key as the RAILS_MASTER_KEY secret in our GitHub repository's Actions Secrets. This will allow the credentials to decrypt correctly during CI and provide the required secret_key_base to Rails.

Let me know if you need any help with these.

@Limeload
Copy link
Owner

@Aditya-JOSH RAILS_MASTER_KEY is added on our repo!

@Limeload
Copy link
Owner

@Aditya-JOSH You can resolve conflicts and all checks should be passing now.

@Limeload Limeload merged commit 35c5fb3 into Limeload:main Oct 17, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Set Up React Frontend and Integrate with Rails API

2 participants