DEV Community

JC
JC

Posted on

Photo App on React and Ruby on Rails...

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:

35mm front-end

and Backend here:

35mm Backend

Please follow the instructions to install and ..Happy Coding

Thanks for reading ..

Top comments (2)

Collapse
 
davs55 profile image
davs59

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.

Collapse
 
anna_favorskaya_3c7a8cc86 profile image
Anna Favorskaya

For combining photos, I recommend installing blend pictures app on your device. It is convenient for creating collages and double exposures in just a few clicks. Personally, I prefer FixThePhoto App for its realistic results and 24/7 support of professional retouchers. I also recommend checking out other options like Adobe Photoshop Mix or Photofox on the FixThePhoto blog.