本文介绍: Kutt一个现代的URL缩短器,支持自定义域,可以用来缩短网址管理链接查看点击率统计信息。Kutt支持定义域名设置链接密码描述,缩短URL的私人统计信息查看编辑删除管理链接,RESTful API等。Kutt使用了Node.js、Express、Passport、React、TypeScript、Next、Easy Peasy、styledcomponents、Recharts、PostgreSQL、Redis 等技术构建,是一个不错的学习React的开源项目

1,Kutt.it

Kutt是一个现代的URL缩短器,支持定义域,可以用来缩短网址管理链接查看点击率统计信息。Kutt支持自定义域名设置链接密码描述,缩短URL的私人统计信息,查看编辑删除管理链接,RESTful API等。

Kutt使用了Node.js、Express、Passport、React、TypeScript、Next、Easy Peasy、styledcomponents、Recharts、PostgreSQL、Redis 等技术构建,是一个不错的学习React的开源项目
在这里插入图片描述

项目链接https://github.com/thedevs-network/kutt

2,Win11 in React

Win11 in React是一个使用 React、CSS (SCSS) 和 JS 等标准 Web 技术开发复制 Windows 11 桌面体验的React项目。让开发者可以浏览器上就可以体验 Windows 11 操作系统的魅力。
在这里插入图片描述

项目链接https://github.com/blueedgetechno/win11React

3,JoL-player

JoL-player是一个简洁、美观、功能强大的React播放器,主要使用了React + TypeScript技术进行开发,提供完整的类型定义文件,支持国际化语言,同时还支持HLS(.m3u8)和H264视频格式,是一款短小精悍的React播放器

在这里插入图片描述

项目链接https://github.com/lgf196/JoL-player

4,Take Note

TakeNote是一款Web笔记应用,是一个没有数据库静态站点,不会将笔记同步到云端。笔记会暂时保存本地存储中,可以以 zip 格式下载 markdown 格式的所有笔记。该应用支持搜索笔记、多光标编辑、链接笔记、语法高亮键盘快捷键拖放操作、Markdown 预览功能

TakeNote 使用 TypeScript、React、Redux、Node、Express、Codemirror、Webpack、Jest、Cypress、Feather Icons、ESLint 和 Mousetrap 等技术创建

在这里插入图片描述

项目链接:https://github.com/taniarascia/takenote

5,Fiora

Fiora是一个使用Node.js、React和socket.io技术开发开源聊天应用程序。项目代码包含了后端、前端、AndroidiOS 应用程序,同时支持在Windows / Linux / macOS 系统运行。功能上Fiora提供了最基本添加好友、群聊、设置主题消息提醒、多种消息类型等,可以用它来学习socket和跨端开发

在这里插入图片描述

项目链接:https://github.com/yinxin630/fiora

6,Todoist clone

Todoist clone 是一款使用 createreactapp 方式构建用于测试React技术栈的开源项目,使用到的技术有React(自定义 Hookscontext)、Firebase 和 React 测试库。除此之外,还使用 SCSS (CSS) 并遵循 BEM 命名方法设置应用程序样式,是一款不错的学习React知识的技术库。

在这里插入图片描述

项目链接:https://github.com/karlhadwen/todoist

7,Jira Clone

JIRA 是一个项目与事务跟踪工具,被广泛应用缺陷跟踪客户服务需求收集流程审批、任务跟踪、项目跟踪敏捷管理工作领域。而Jira Clone 是使用React开发的Jira的简化版,提供了一些最基本的功能。与 Jira 一样,该项目也提供交互式用户界面,但代码简单。技术上,该项目是使用 React 以及 webpack、Node.js、ESLintstyled-components 和 cypress 构建的。该应用使用最新的 React 特性,例如带有Hooks函数组件。此外,该项目还使用了几个自定义轻量级 UI 组件,包括模态框和日期选择器等。

在这里插入图片描述

项目链接:https://github.com/oldboyxx/jira_clone

8,reactnetease-music

reactnetease-music是一个基于 React+TypeScript 的高仿网易云 Mac 客户端播放器用到的技术有React Hook、CSS Modules、Webpack、Graphql 等技术,而播放数据使用的是NeteaseCloudMusicApi

功能上,该项目实现登录/登出、发现页、每日歌曲推荐页、全部歌单页、最新音乐页、歌单详情页、音乐播放详情页、播放记录搜索创建和收藏的歌单列表等功能。
在这里插入图片描述

项目链接:https://github.com/uniquemo/react-netease-music

9,stackoverflowclone

Stack Overflow是一个与程序相关的IT技术问答网站用户可以网站免费提交问题,浏览问题索引相关内容stackoverflow-clone是 Stackoverflow 的一个简化版的全栈克隆开源项目,使用了 ReactJs、NextJs、Storybook、PostCSS、NodeJs、Express、MongoDB、Mongoose 等技术实现
在这里插入图片描述

项目链接:https://github.com/salihozdemir/stackoverflow-clone

10,spotify-clone-client

Spotify是国外的一个正版流媒体音乐服务平台,提供免费付费的音乐服务。spotify-clone-client是一个 Spotify Web 播放器前端克隆项目,使用 React、reactrouterdomaxios 等技术实现

在这里插入图片描述

项目链接:https://github.com/JL978/spotify-clone-client

原文地址:https://blog.csdn.net/xiangzhihong8/article/details/128001649

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_11903.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注