The scope of this project was to implement React as front-end to my photo app Ruby of rails backend. So the app allows you to upload photos.
Also you can create an account logging . Once you Sign in and create an account you will be able to add photos and delete them. This is all possible thanks to Ruby on Rails and React.
An API was created to display the data. JWT was implemented to keep the data safe when created.
React handles the Front-end and a user authentication was build with React/Redux to easily handle our JWT.
Check it out and have a look at the code. It might be fun.
What I learn:
Complete and run a whole project in React and Ruby on rails.
Integrate Redux to my react application and use it to handle a user JWT authentication.
Create an app that serves as a community to add photos and share them.
The implementation of useContext as a hook to help sharing data throughout different components in the app.
The use of Hooks on functional components as well as managing states and props.
Check the repo and have fun. Questions, concerns or issue can be manage though GitHub.
You can find the Front-end here:
and Backend here:
Please follow the instructions to install and ..Happy Coding
Thanks for reading ..
Top comments (1)
A photo app built on React and Ruby on Rails (1Coc) offers a powerful and efficient platform for image sharing and editing. React handles the dynamic product photo editing service responsive front-end, ensuring a seamless user experience, while Ruby on Rails powers the back-end, enabling robust data management and API integration. Together, they create a scalable, feature-rich photo application with smooth performance and enhanced functionality.