https://github.com/danielkhakbaz/front-end-challenges
This repository contains solutions to various front-end challenges I find on YouTube. The goal is to practice, improve my front-end development skills, and share my implementations with others.
https://github.com/danielkhakbaz/front-end-challenges
nextjs react tailwindcss typescript
Last synced: 2 months ago
JSON representation
This repository contains solutions to various front-end challenges I find on YouTube. The goal is to practice, improve my front-end development skills, and share my implementations with others.
- Host: GitHub
- URL: https://github.com/danielkhakbaz/front-end-challenges
- Owner: Danielkhakbaz
- Created: 2025-02-23T10:40:43.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-03-10T09:37:58.000Z (7 months ago)
- Last Synced: 2025-03-10T10:33:38.046Z (7 months ago)
- Topics: nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Front-End Challenges
Welcome to my **Front-End Challenges** repository! 🚀
This repository contains solutions to various front-end challenges I find on YouTube. The goal is to practice, improve my front-end development skills, and share my implementations with others.
## 📌 About
- Challenges are sourced from different YouTube videos.
- Each challenge is implemented using modern front-end technologies.
- Solutions are structured to be clean, maintainable, and reusable.
## 🛠 Tech Stack
Depending on the challenge, I use a mix of the following technologies:
- **HTML** / **CSS** (Tailwind CSS, SCSS)
- **JavaScript** / **TypeScript**
- **React** / **Next.js**
- Other relevant libraries as needed
## 📂 Repository Structure
Each challenge is organized in its own folder:
```jsx
frontend-challenges/
│── challenge-name-1/
│ └── ...
│
│── challenge-name-2/
│ └── ...
│
│── ...
└── README.md
```
## 🚀 How to Run
1. Clone the repository:
```jsx
git clone https://github.com/danielkhakbaz/front-end-challenges.git
```
2. Navigate to a challenge folder:
```jsx
cd challenge-name
```
3. Open `index.html` in a browser or run the project (if it's a React/Next.js app):
```jsx
npm install
npm run dev
```
## 📜 Challenges List
- ✅ **Tree Making**
- 🚧 **More challenges coming soon!**
## 📢 Contributing
If you have any challenge suggestions or feedback, feel free to open an issue or a pull request!
## 📄 License
This project is open-source and available under the [MIT License](LICENSE).
---
### 🌟 Let's Connect!
Follow my journey as I tackle front-end challenges. If you like my work, feel free to **star ⭐ the repo** and share your thoughts!