Learning Challenges
- Accessible Dropdown NavigationResponsive and accessible dropdown menus for navigation on a demo landing page.
- Expenses ChartAccessible bar graph chart component with hover tooltips and keyboard navigation.
- Interactive Card Details FormCredit card input form with issuer detection, dynamic field masking, and a card illustration for display.
- News Site Landing PageResponsive grid-based landing page for a fictional news website.
- Tip CalculatorCalculates tip percentages and per person split amounts of a bill.
- Notification SummaryUser notification list component for a fictional social media platform.
- Age CalculatorCalculate an exact age from a date of birth.
- Test Result SummaryDisplays a visual summary of a user's test results within a larger app.
- Skilled e-Learning Landing PageResponsive home page for a fictional learning platform.
- Feedback Rating ComponentFeedback survey that allows a user to rate their experience on a scale of 1 to 5.
- Meet Landing PageResponsive home page for a fictional online meeting application.
- Equalizer Landing PageResponsive home page for a fictional audio processing app.
- Request Access Landing PageLanding page with email form for a fictional podcasting platform.
- Intro Signup ComponentSign up form page with validation for a fictional training course.
- Apparel Coming Soon PageLanding page with sign-up form for a fictional clothing brand.
- Social Proof SectionReview and customer testimonial display for a fictional product site.
- FAQ Accordion CardResponsive accordion displaying a list of FAQs.
- Profile Card ComponentDisplay a summary of a user's social media profile info.
- Three Column Preview CardResponsively display three product range offerings for a fictional car company.
- Order Summary CardDisplay summary of a user's online subscription order.
- Four Card Feature SectionGrid-based card display of marketing information for a fictional company site.
- Stats Card ComponentBlock of statistics for a fictional marketing company site.