KodaSchool
Learn To Code
Web Challenges
Web
Real Estate Listing Component
Create a real estate listing component for a website using HTML, CSS, and JavaScript.
Web
Web Table
You are tasked with expanding your frontend development skills by building this web-based table project. Introduce dynamic filtering options for salary (descending or ascending) and user status (active or offline).Allow deleting of table contents and update the number dynamically. Use JSON file provided.
Web
Salary Calculator
Create an interactive web-based salary calculator that provides users with the average salary for different professions in various countries.
Web
Multilevel Filtering
Your task is to develop a web application that allows users to explore and filter a list of startups based on various criteria. The project should implement multilevel filtering for properties such as funding status (bootstrapped or funded), location, category, and total funding. Additionally, users should have the ability to toggle between bootstrapped and funded startups.
Web
AI Landing Page
AI Verse, a fictional startup specializing in artificial intelligence solutions, design their landing page design and follow the design as close as possible. Use HTML, CSS and Javascript or a Javascript Frameworks.
Web
Buy Crypto App
Develop a web-based "Buy Crypto" application that allows users to select a cryptocurrency and fetch its live price using the CoinGecko API. The frontend of the app will be built using HTML and JavaScript(or Frameworks)
Web
Financial Analytics Dashboard
Create a web-based financial analytics dashboard to visualize and present financial data, including total expenses, total profit, total income, monthly data for two years (2022 and 2023), and the ability to choose the time period (e.g., months, years).
Web
Exchange Rate Converter
Create a web-based currency exchange rate converter with real-time currency conversion. Users can select source and target currencies, input an amount, and instantly obtain conversion results. Ensure responsive design for cross-device usability, use HTML, CSS, and JavaScript (or a preferred framework) to build the application, and incorporate an external API for real-time rates. The project's deliverables include a functional converter app, responsive design, and comprehensive documentation. This project offers practical web development experience with room for future enhancements.
Web
Contrast Website
In this challenge, you'll create the Vishio Sunglasses website with a focus on responsive design and dynamic contrast switching. Your task is to develop a responsive layout that works seamlessly across various screen sizes, starting with a mobile-first approach. Additionally, you'll implement a toggle switch in the website header that enables users to switch between high and low contrast color schemes. The high contrast mode should prioritize readability, especially for users with visual impairments. Your solution should be version-controlled on GitHub, deployed to a hosting platform, and thoroughly tested. Finally, submit your GitHub repository and deployed website links via kodaschool.com for evaluation.
Web
Multilingual Homepage
We are challenging you to integrate a language switcher feature on the homepage, allowing users to select their preferred language (English, Spanish, or French).
Web
Testimonial Component
Try this challenge for beginners to improve your basic web development skills
