https://github.com/codahiri/30project

30 Project
https://github.com/codahiri/30project

css html javascript tailwindcss

Last synced: 3 days ago
JSON representation

30 Project

• Host: GitHub
• URL: https://github.com/codahiri/30project
• Owner: codahiri
• License: mit
• Created: 2022-01-06T17:35:59.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-01-28T10:00:16.000Z (almost 3 years ago)
• Last Synced: 2024-11-13T23:25:15.080Z (2 months ago)
• Topics: css, html, javascript, tailwindcss
• Language: HTML
• Homepage: https://30project-ilosrim.vercel.app/
• Size: 384 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 30 Project

## Menu

- [Progress Bar](./public/01-progress-bar)

- [Dad Jokes Generator](./public/02-joke)

- [Image Password Strength Effect](./public/03-img-effect)

- [Line Through Effect](./public/04-line-through)

- [Timeline Component in React](./public/05-timeline-component)

- [JavaScript Visual Counter](./public/06-js-visual-counter)

- [CSS Custom Checkbox](./public/07-checkbox)

- [Traffic Lights Simulator with CSS and JavaScript](./public/08-traffic-lights)

- [Image Reflection - CSS effect](./public/09-image-reflection)

- [Hover Board](./public/10-hover-board)

- [Mix Blend Loader](./public/11-mix-blend)

- [Auto Text Effect](./public/12-auto-text)

- [CSS Smooth Scroll](./public/13-smooth-scroll)

- [React Progress Bar](./public/14-react-progress-bar)

- [Random Meal Generator](./public/15-random-meal-generator)

- [Live Visits Counter](./public/16-live-visits-counter)

- [Waves Animation with JavaScript](./public/17-waves-animation)

- [JavaScript Hacking Effect](./public/18-hacking-effect)

---

Tailwind CSS run command:

```javascript

npm run build-css

//or

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

```

> Icons: https://heroicons.dev/