Replies: 2 comments
-
Personal Portfolio Website: Create a website that showcases your skills, projects, and resume. It's a great way to practice HTML for structure, CSS for styling, and even some JavaScript for interactivity like animations or form validation. Weather App: Develop a weather application that fetches data from a weather API (like OpenWeatherMap). This project will involve fetching data via APIs (AJAX/fetch), handling JSON data, and dynamically updating the UI based on the received data. To-Do List Application: Build a to-do list where users can add tasks, mark them as completed, and maybe even categorize them. This project will help you understand DOM manipulation with JavaScript, local storage for saving tasks, and CSS for styling different states of tasks. Photo Gallery: Create a gallery where users can view images, possibly with features like lightbox for a better viewing experience. This project can involve CSS for layout and styling, and JavaScript for handling events and image loading. E-commerce Site: Design a small-scale e-commerce website where users can browse products, add them to cart, and checkout (mock checkout). This project will involve designing responsive layouts with CSS, managing state with JavaScript (like adding items to cart), and possibly integrating with a backend API for fetching product data. Interactive Map: Develop a web page that displays an interactive map using libraries like Leaflet or Google Maps API. This project will involve integrating third-party libraries, handling user interactions with the map (like markers or popups), and styling map elements with CSS. Chat Application: Build a real-time chat application using technologies like WebSocket (or a service like Firebase for real-time updates). This project will help you understand real-time data communication, user authentication, and dynamic UI updates. Calculator: Create a simple calculator that performs basic arithmetic operations. This project will help you practice event handling in JavaScript, managing user input, and displaying results dynamically on the UI. |
Beta Was this translation helpful? Give feedback.
-
Hi @sidd6969 & @ullaslgd, thanks for being a part of the GitHub Community! While we appreciate you wanting to contribute to Discussions, please note: We made the decision to disable the ability to earn Achievements in our Community in order to discourage users from participating in coordinated or inauthentic activity like rapid questions and answers in order to earn badges. You can learn more about this decision in our announcement post here Achievements will no longer be available in the Community. Note that GitHub's Acceptable Use Policies prohibits coordinated or inauthentic activity like rapid questions and answers. As a result, we'll be unmarking the answer and locking this, and other related posts. Any future violations may result in a temporary or indefinite block from the Community. Thanks for understanding. |
Beta Was this translation helpful? Give feedback.
-
Select Topic Area
General
Body
suggest some project we can do to build our skills in frontend
Beta Was this translation helpful? Give feedback.
All reactions