An Interest In:
Web News this Week
- April 27, 2024
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
8 Projects with Designs you can do to Become Front-end developer
Introduction
These are 8 projects with requirements and designs that you can do to become a Front-end developer. The order is from easy to intermediate
1. Reusable Button
One best way to start learning React or Vue is to make small components. By making reusable button, you will learn about basic states and the most basics syntax.
Link: https://devchallenges.io/challenges/ohgVTyJCbm5OZyTB2gNY
2. Reusable Input
Making a reusable is not that simple, especially Input component. You have to make sure about different states: Error, Focus..., Accessibility, sizes,... But you will learn a lot from making them and it will be a big help in the journey of learning a library like React.
Link: https://devchallenges.io/challenges/TSqutYM4c5WtluM7QzGp
3. Windbnb - Airbnb small version
You will be making a small version of Airbnb.
Given a simple JSON file, your task is to create a listing with filter functions. You will learn managing state in Front-end library in React or Vue.
Link: https://devchallenges.io/challenges/3JFYedSOZqAxYuOCNmYD
4. Todo App
Everyone knows Todo App, but did you ever try to make one?
You will practices skills like Array methods and managing states. I think it's one of best task to start learning a library as it is not too difficult or too easy.
Link: https://devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5
5. Quote generator
A Front-end developer needs to know how to use an API. You will practice basic skills working with a simple API in this project.
Link: https://devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8
6. Country quiz
Now a bit more challenging project, not only you have to use an API but also managing more complex states in your app. This project will definitely improve your skill as a Front-end developer.
Link: https://devchallenges.io/challenges/Bu3G2irnaXmfwQ8sZkw8
7. Weather app
Surprise, Surprise :)) another weather app project. In this one, you have to understand an API, display different data and checking user location. A lot of things to do and practice and a perfect challenge for a junior to practice a library.
Link: https://devchallenges.io/challenges/mM1UIenRhK808W8qmLWv
8. Job search
In this one, you have to deal with different routes, different states and an interesting API from Github. A good project to put to your portfolio.
Link: https://devchallenges.io/challenges/TtUjDt19eIHxNQ4n5jps
Conclusion
These projects are perfect for people who is starting learning Front-end library and want to practice it. Not only you have 8 projects to add to your portfolio but also, you will get a certificate after completed.
At the end, best of luck to everyone who is studying and feel free to leave me a comment.
Original Link: https://dev.to/nghiemthu/8-projects-with-designs-you-can-do-to-become-front-end-developer-4pf8
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To