https://github.com/yuzu02/front-resources
-- HTML -- CSS -- JS -- Typescript -- Vite -- React -- Tailwind --> [Mini Projects]
https://github.com/yuzu02/front-resources
html-css-javascript react tailwindcss typescript
Last synced: 2 months ago
JSON representation
-- HTML -- CSS -- JS -- Typescript -- Vite -- React -- Tailwind --> [Mini Projects]
- Host: GitHub
- URL: https://github.com/yuzu02/front-resources
- Owner: Yuzu02
- License: mit
- Created: 2024-05-28T03:05:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-25T19:10:36.000Z (10 months ago)
- Last Synced: 2025-01-31T22:47:23.052Z (4 months ago)
- Topics: html-css-javascript, react, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 214 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Front-Resources
A comprehensive collection of learning resources and projects for front-end web development technologies.
## 🚀 Technologies Covered
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Tailwind CSS
## 📚 About the Repository
This repository serves as a one-stop-shop for front-end developers looking to enhance their skills and knowledge. It contains a curated list of tutorials, articles, and other learning resources covering a wide range of front-end technologies, as well as practical projects to apply your skills.
## 🧭 How to Use
1. Clone this repository to your local machine using the following command:
```bash
git clone https://github.com/Yuzu02/Front-Resources.git
```
2. Navigate through the different folders in the repository to find resources for your technology of choice.
3. Each folder contains a `README.md` file that provides a brief overview of the resources available and links to the relevant materials.
4. Explore the `Projects` folder to find hands-on coding projects that you can work on to practice your skills.
## 💻 Projects
| Project | Description |
| ------------------------------------------------------ | -------------------------------------------------------------- |
| [Calculadora](Projects/Calculadora/README.md) | A simple web-based calculator for basic arithmetic operations. |
| [Carrusel](Projects/Carrusel/README.md) | A carousel component for cycling through elements. |
| [ListaTarea](Projects/ListaTarea/README.md) | An efficient to-do list application for task management. |
| [Login](Projects/Login/README.md) | A login form implementation with basic authentication. |
| [React Components](Projects/ReactComponents/README.md) | A collection of reusable React components. |
| [QRGeneratorApp](Projects/QRGeneratorApp/README.md) | A React-based QR Code Generator application. |
| [WeatherApp](Projects/WeatherApp/README.md) | A Weather Application using the OpenWeather API. |
## 🗺️ Learning Path
To make the most of this repository, we recommend following this learning path:
| Step | Topic | Description |
| ---- | --------------------- | -------------------------------------------------------- |
| 1 | HTML Fundamentals | Start with the basics of web structure |
| 2 | CSS Styling | Learn how to style your HTML elements |
| 3 | JavaScript Essentials | Understand the core concepts of JavaScript |
| 4 | TypeScript Basics | Get familiar with typed JavaScript |
| 5 | React Fundamentals | Learn the basics of the React library |
| 6 | Tailwind CSS | Explore utility-first CSS framework |
| 7 | Advanced Topics | Dive deeper into each technology |
| 8 | Projects | Apply your knowledge by working on the provided projects |
Each step in this path has corresponding resources in our repository. Feel free to adjust this path based on your current knowledge and learning goals.
---
## 🤝 Contributing
Contributions to this repository are welcome and encouraged! Here's how you can contribute:
1. Fork the repository
2. Create a new branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
Please read our [Contributing Guidelines](CONTRIBUTING.md) for more details.
## 🌟 Acknowledgements
We'd like to thank all the contributors and the amazing front-end community for their support and resources.
## 📜 License
This project is licensed under the [MIT License](LICENSE).
---
⭐️ If you find this repository helpful, please consider giving it a star!