HTML、CSS 和 JavaScript 项目
欢迎来到我的 html、css 和 javascript 项目集合!这篇博文全面概述了我创建的各种项目,展示了 web 开发的不同方面。每个项目都可以在自己的存储库中找到,其中包含您需要探索和学习的所有代码。
目录
- 简介
- 项目概况
- 开始使用
- 贡献
- 作者
介绍
作为一名 web 开发人员,我喜欢从事各种项目,这些项目可以帮助我提高 html、css 和 javascript 方面的技能。从简单的计算器到更复杂的应用程序,这些项目展示了 web 开发中的不同技术和最佳实践。下面,您将找到一个精选的项目列表,每个项目都有一个指向其各自 github 存储库的链接。
项目概况
以下是我参与过的项目的概要:
-
abhi ki 新闻
- 聚合并显示最新头条新闻的新闻应用。
- 查看代码
-
建议生成器
- 生成随机建议,为用户提供有用的提示。
- 查看代码
-
年龄计算器
- 根据输入的出生日期计算年龄的工具。
- 查看代码
-
模拟时钟
- 使用 javascript 显示功能模拟时钟。
- 查看代码
-
文章卡
- 用于展示文章的风格化卡片组件。
- 查看代码
-
体重指数计算器
- 根据用户输入计算体重指数。
- 查看代码
-
倒计时器
- 倒计时到指定日期和时间的计时器。
- 查看代码
-
掷骰子模拟器
- 使用随机数生成器模拟掷骰子。
- 查看代码
-
鼓组
- 虚拟鼓组,允许用户演奏不同的鼓声。
- 查看代码
-
常见问题手风琴
- 网站的手风琴式常见问题解答部分。
- 查看代码
-
翻转硬币
- 简单的抛硬币模拟。
- 查看代码
-
专注于一天
- 通过专注的 ui 帮助用户专注于日常任务。
- 查看代码
-
美食汉堡
- 食品相关网站的时尚汉堡菜单。
- 查看代码
-
贷款计算器
- 根据用户输入计算贷款偿还额。
- 查看代码
-
登录表格
- 带有表单验证的基本登录表单。
- 查看代码
-
月历
- 显示任何给定月份的日历。
- 查看代码
-
抵押计算器
- 根据各种输入计算抵押贷款付款。
- 查看代码
-
新闻主页
- 新闻网站的主页布局。
- 查看代码
-
时事通讯注册表
- 供用户订阅时事通讯的表单。
- 查看代码
-
密码生成器
- 使用可自定义选项生成安全密码。
- 查看代码
-
番茄计时器
- 使用番茄工作法帮助提高工作效率的计时器。
- 查看代码
-
个人资料卡
- 用于显示用户个人资料的卡片组件。
- 查看代码
-
二维码生成器
- 根据用户输入生成二维码。
- 查看代码
-
剪刀石头布
- 用 javascript 实现的剪刀石头布游戏。
- 查看代码
-
简单计算器
- 用于执行算术运算的基本计算器。
- 查看代码
-
运动鞋电子商务
- 带有产品列表的运动鞋电子商务页面。
- 查看代码
-
温度转换器
- 在摄氏度、华氏度和开尔文之间转换温度。
- 查看代码
-
推荐滑块
- 用于显示用户评价的滑块组件。
- 查看代码
-
文本到语音生成器
- 使用 web speech api 将文本输入转换为口语单词。
- 查看代码
-
井字游戏
- 用 javascript 实现的经典 tic-tac-toe 游戏。
- 查看代码
-
小费计算器
- 根据账单和小费百分比计算小费金额。
- 查看代码
32
。 待办事项列表
- 一个用于管理任务的简单待办事项列表应用程序。
- 查看代码
-
重量转换器
- 在不同单位之间转换权重。
- 查看代码
入门
要在本地克隆并运行任何这些项目,请按照以下步骤操作:
- 克隆存储库:
git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git
- 导航到项目目录:
cd <project-name></project-name>
- 在浏览器中打开项目:在浏览器中打开index.html 文件以查看正在运行的项目。
贡献
如果您想为这些项目做出贡献,请遵循以下准则:
- 分叉存储库。
- 为您的更改创建一个新分支。
- 提交您的更改并将其推送到您的分叉存储库。
- 创建一个拉取请求并描述您的更改。
作者
阿布舍克·古贾尔
以上就是HTML、CSS 和 JavaScript 项目的详细内容,更多请关注其它相关文章!