![]() Project #7: Book club Goodreads is a great site to copy for this projectĪ simple app where you and your friends can share your favorite books and discuss them (like Goodreads). You could even experiment with making the backend just a Rails API app and make a separate React app for the front end. Unsplash_rb - Ruby wrapper for the Unsplash Īdd cool animations using the React Animation Add-Ons.Īllow users to bookmark their favorite images. Use the Unsplash API for the high quality free photos: Meme-maker - Make your favorite memes and send them to your friend! Project #6: Realtime Free Image search app Help Medium bloggers find their inner hispter You could generate the meme on the server using ImageMagick or in the browser using canvas. ![]() Use React for rendering and handling the form for making the meme. Rails can handle storing and serving an image library and existing memes. React-slack-chat - A Beautiful Gooey / Material Design Slack Chat Web Integrating Project #5: Meme generator The component does most of the heavy lifting but you can have fun by making your own bot in Rails and customizing the widget in React. Use the react-slack-chat component to add a chat widget to your existing Rails site. If that’s too hard as a first app, you could first try out using an external text editor component to learn how it works, and then implement your own:ĭraft-js - A React framework for building text Project #4: Add a Slack chat widget to your site Check out Simplenote for a good example of a simple but powerful notes app. You could see the power of React handling a lot of state changes, say, by enabling auto-save. Github-awesome-autocomplete - :octocat: Add instant search capabilities to GitHub's search Project #3: A note-taking app Simplenote See this browser plugin by Algolia to get your idea juices flowing: You could experiment with pre-rendering the component on the server. You will practice using an external API and handling the JSON response. You can build the search part purely on the client side, but you can make it more fun by storing the searches in a database using Rails and show the most popular searches. You can see the full step-by-step code here:Ĭalreact - React and Rails 5 calendar appointment Project #2: A Github explorer app for finding interesting code repositories ![]() So check it out if you want to try this out. I use this as an example app in my Free Complete React on Rails course. It will help you practice using nested components (like a day component, nested inside a week component, or a nested inside a month component). This can start off as a simple app which you can gradually improve by adding more features and UX improvements. Project #1: A Calendar app for making appointments (like Google calendar) A simple calendar appointments app So the backend bit may be a bit complex for beginners, but the front end React bit should be relatively simple. This list will assume that you’re already comfortable with Ruby on Rails (or some other web development framework). So I made this gigantic list of 28 fun app ideas you can build while learning to use React with Ruby on Rails. I don’t want my students to get demotivated and give up. You know when you’re trying to learn something new, but get reeeeeeallly bored of building the default example app? By Hrishi Mittal ✅ Every time you build a to-do list app, a puppy ? dies ? photo credit
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |