ManInDark/ReactHolidays
1
0
Fork 0
mirror of https://github.com/ManInDark/ReactHolidays.git synced 2026-01-21 06:34:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: ManInDark:v1.0.0
Branches Tags
ManInDark:main
ManInDark:v1.0.1 ManInDark:v1.0.0
...
compare: ManInDark:main
Branches Tags
ManInDark:main
ManInDark:v1.0.1 ManInDark:v1.0.0

5 Commits
v1.0.0 ... main

Author SHA1 Message Date
ManInDark
44b2d27f18 fix: set white background & added name attribute 2025-07-25 15:27:59 +02:00
ManInDark
6fc69ae0ff fix: updated versions 2025-07-25 15:27:20 +02:00
ManInDark
fc349959ac added meta tags 2025-02-18 22:27:24 +01:00
ManInDark
78602ea22d added robots.txt 2025-02-18 22:11:12 +01:00
ManInDark
c6252680f3 Create README.md 2024-11-20 11:56:53 +01:00
7 changed files with 1158 additions and 912 deletions
Expand all files Collapse all files

2
.devcontainer/devcontainer.json
View File

@@ -2,7 +2,7 @@
// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node // README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
{ {
"name": "React", "name": "React",
"image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm", "image": "mcr.microsoft.com/devcontainers/typescript-node:2-22-bookworm",
"features": { "features": {
}, },

7
README.md Normal file
View File

@@ -0,0 +1,7 @@
# ReactHolidays
![build workflow](https://github.com/manindark/reactholidays/actions/workflows/build.yml/badge.svg)
This is a testing project to try and gauge the capabilities of react, vite and tailwind.
The project uses the [date.nager.at API](https://date.nager.at/Api) to get a list of holidays and then visualizes it.

9
index.html
View File

@@ -10,6 +10,15 @@
<meta property="og:locale" content="de_DE" /> <meta property="og:locale" content="de_DE" />
<meta property="og:site_name" content="Holidays" /> <meta property="og:site_name" content="Holidays" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta name="application-name" content="Holidays" />
<meta name="application-title" content="Holidays" />
<meta name="description" content="This website shows holidays of the current as well as other years." />
<meta name="author" content="ManInDark" />
<meta name="generator" content="Vite" />
<meta name="keywords" content="holidays,react,calendar,germany,deutschland,DE" />
<meta name="referrer" content="no-referrer" />
<meta name="theme-color" content="#111827" />
<meta name="color-scheme" content="dark light" />
</head> </head>
<body class="dark:bg-gray-900 dark:text-white flex justify-center"> <body class="dark:bg-gray-900 dark:text-white flex justify-center">
<div class="container " id="root"></div> <div class="container " id="root"></div>

2035
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@@ -4,7 +4,7 @@
"version": "0.0.0", "version": "0.0.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite --host",
"build": "tsc -b && vite build", "build": "tsc -b && vite build",
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview" "preview": "vite preview"

11
public/robots.txt Normal file
View File

@@ -0,0 +1,11 @@
User-agent: *
Disallow: /
User-agent: Googlebot
User-agent: Googlebot-Mobile
User-agent: Googlebot-News
User-agent: Googlebot-Video
User-agent: Storebot-Google
User-agent: Mediapartners-Google
User-agent: AdsBot-Google
Disallow:

2
src/CalendarApi.tsx
View File

@@ -55,7 +55,7 @@ function ListHolidays() {
</div> </div>
<div className="flex justify-center"> <div className="flex justify-center">
<ArrowLeftIcon className='icon' onClick={() => addYear(-1)} /> <ArrowLeftIcon className='icon' onClick={() => addYear(-1)} />
<input className="text-black text-right border-black border-2" type="number" value={year} onChange={(e) => { setYear(e.target.value) }} /> <input className="text-black bg-white text-right border-black border-2" type="number" value={year} name="year" onChange={(e) => { setYear(e.target.value) }} />
<ArrowPathIcon className='icon' onClick={() => setSatYear(year)} /> <ArrowPathIcon className='icon' onClick={() => setSatYear(year)} />
<ArrowRightIcon className='icon' onClick={() => addYear(1)} /> <ArrowRightIcon className='icon' onClick={() => addYear(1)} />
</div> </div>