❤️28个有趣的练手app创意
研习程式设计的之时候,创立快捷方式Demo是非常并乏味的事儿情。这是头四号驱动力职业杀手,我不能期望我的学员失去驱动力,然后才摆弃研习,所以我业务整合了28个有意思的app创意设计,在研习React/Ruby on Rails的之时候可以使用。
这里面推论你已经对Ruby on Rails或其他后才端的体系比较熟识,所以后才端的部分能相对非常复杂,后才端的react部分能相对单纯。
这是一种单纯的APP,可以渐渐降低更再加多的特点来完成。可以用于练习链表模块。
清晰编码如下:
可以把搜索引擎部分完全摆在后才端的,也可以降低点儿趣味,用Rails把搜索引擎的资料诺耶湖储存起来,然后才展出炙手可热搜索引擎。
可以练习使用内部API和处理JSON统计资料,也可以试试在伺服器进度表图形模块。
哦这个工程项目的客户端应用程序:
可以降低手动留存来切身感受React处理状况波动的技能。Simplenote是一种单纯但强悍的讲义APP。
如果你觉得这个app的太复杂,你可以再内部测试内部撰稿器模块,然后才实现自己的APP:
使用react-slack-chat模块来给Rails门户网站添再加闲聊应用程序。绝大部分教育工作几乎由模块完成,但是订制自己的闲聊人型人和应用程序艺术风格也十分有意思。
清晰编码:
Rails可以处理表情图和眼神捆的存储,React用于图形和制做眼神捆。也可以用ImageMagick在后才端的合成眼神捆。
使用Unsplash API来赚取高品质的完全免费相片:
使用React Animation Add-Ons来添再加有意思的动所画。
让使用者珍藏钟爱的相片,甚至可以把后才端的弄成Rail API APP,后才端的而仅搞一种React APP。
一种用于畅谈和进行讨论书刊的APP,一类似Goodreads,后才端的可以用一种单纯的Rails CRUD app,后才端的可以用一种单纯的ReactPage,恋恋不能舍用React router和Redux来搞。
可以镜像多账四号的Twitter Web应用程序的(使用OAuth),给不能同的机能添再加两列,比如tweets、通告、搜索引擎、帖子等等。
Twitter Ruby GEM:
处理这荒唐的API量限制能给你并非凡的欢乐。
可以再加一种手动赚取崭新tweets的机能,用轮询或者Action Cable来搞。
有十分多链表模块,可以在React里面试试单纯的动所画。
最不好从建立所读机能开始。具有该机能后才,就可以添再加正式发布,罗学瓒和留言机能。
你请问OpenStreetMap是Rails应用程式?
OpenStreetMap Repo可以布局到机体,然后才自己再加一点儿React后才端的以下内容进来。
一种可帮助项目组可以选择早餐的门户网站。 Rails后才端的仅需要是一种单纯的CRUD app,可以让项目组核心成员输出提议的边线。 可以用Foursquare API搞搜索引擎和手动补全。
用React搞点生硬的动所画!
如果不能钟爱不能吃早餐,可以换成不能吃饭或甜点,或者其他更再加令人激动的事儿情。
一种用于下班北窝的门户网站。在同两本里面刮一刮Reddit、Hacker News、Product Hunt、Medium、Slashdot。
用Rails后才端的留存帐户和使用者喜不好,镜像不能同的API。也可以从应用程序的API直接赚取统计资料。
除了研习React,这是一种使用Action Cable十分厉害的大工程项目,Action Cable给Rails添再加了WebSocket全力支持的5个崭新机能。参见以下配置文件开始使用:
这一连串专文描绘了如何使用Rails API app、 React和Flux来激活一种Medium。
FancyPixel/small-frontend
想冲击自己可以恋恋不能舍无需Flux搞。
一种可以下载相片和记号人脸识别的app(一类似Facebook)。使用OpenCV Ruby gem进行手动脸部检查:
你可能在用ActiveAdmin来行政管理应用程式历史记录。但是它的UI比较枯燥。可以恋恋不能舍一次修订一种view,全部换成式样不好看的React模块来。查阅ActiveAdmin编码:
如果不能敢在Rails当中建立店铺机能,可以用Spree并著眼于练习React后才端的模块。
可以使用Mailchimp API或使用Sendgrid。如果试过Mailchimp,就能知道可以试图用建立许多机能——查阅/过滤器/行政管理下载使用者、结构设计表格,创立活动等等。
仅要弄这项机能试图用建立。大多数机能几乎将牵涉到这种型式,因此这是一种将UI分割为可处理状况的React模块和一点儿并无状况机能模块的不好之时机。
Gmail的介面非常复杂,但是可以从建立表明电邮的UI开始。或者搜索引擎可能能更再加有意思?
使用google-api-client gem恋恋不能舍开始搞:
在Spotify的基础上时建立的DJ app。赚取提议,创立和混和播摆列表,甚至允许别人将新歌添再加到你的播摆列表。
用Ruby wrapper gem来搞Spotify API:
我之前就搞了一种大app,单纯简便。Spotify仅全力支持流行音乐跟随播摆器一起摆,所以你得保持Spotify在运转当中。
作为两名Rails微软,你可能对Heroku非常熟识。这是一种十分厉害的优质服务,可以迅速布署和直销Rails app,当你需要学着搞十分多大东西之时,这是华丽的可以选择。
建立一种单纯的控制表明器来表明你搞的app,让你可以迅速查阅每个app的关键性讯息。也可以添再加撰稿机能,这是第第一步。
建立一种不好看的现代UI来行政管理AWS S3帐户。使用Ruby gem来建立一种单纯的文件格式客户端模块。然后才添再加一种表格模块来下载文件格式。
表明基本概念Stripe统计资料的判断和工具栏的控制表明器,这个API文件格式非常厉害,并且是研习D3的不好之时机。
快捷方式的Google统计资料判断表明器非常不能稳和蒙蔽。你可以建立一种更再加仅表明最重要讯息的简约版本。
另一种用D3的之时机,你可以用另一种诺耶湖。
通过这个gem来到访GA API。
建立一种用作监控每天和每月喜不好的app,比如当中午例能要搞的事儿,健身活动,爬山,料理,冥思,电吉他练习,日本料理。
可以看看Loop Habit Tracker和Coach 来赚取意念。
网络连接移动电子设备,以便随之时随地使用它。熟识React之后才,你甚至可以使用React Native来建立智能手机app。
为所有个人健身活动统计资料建立一种控制表明器,从不能同的应用程式当中赚取统计资料,用不好看的UI来表明有趣的统计统计资料。
根据健身活动app的使用情形,你可以畅快地从许多API当中赚取统计资料——Fitbit、Google Fit、Moves、Runkeeper、Strava、Withings等等。
你甚至可以允许使用者手动输出血压和健身活动投资计划这点儿以下内容。
可以再从表明统计资料开始搞,在降低添再加历史记录和畅谈的机能。
我搞了一种基本概念Fitbit统计资料的app:
搞一种你所画我猜猜的该游戏,可以用canvas来搞所绘图。看看react-sketchpad来赚取意念:
用Rails来下载和留存相片,并在控制台人型上时表明。
降低练习:再加一种人型研习让人型来猜猜。
搞一种文字分一类法app,让你的文学创作艺术风格和有名译者相匹配,一类似I Write Like。
使用classifier-reborn来对文字进行分一类法,并使用React来处理表格。这个app绝大部分教育工作几乎是后才端的,所以恋恋不能舍搞一点儿UI动所画。
搞一种创意设计表明器app,把创意设计摆在不能同的圆形捆装里面进行表明。可以用于添再加、修订和删掉创意设计。
下面有四个课堂教学截图,可以第一步第一步来研习:
这点儿字典捆含了许多人性化术语,捆含并无状况机能模块,基本概念一类的模块,使用axios进行API初始化,immutability-helper等等。
现在,你有十分多有意思的见解了,开始你的React on Rails之旅吧!
译自:
首秀社会公众四号:程式设计讲道兵团 ProgrammingPreacher
关于28个有趣的练手app创意的介绍,我就给大家介绍到这里了,相信你对上述问题心中已经有了答案。