Vanilla JS Machine Coding Challenges

Overview

This repository contains a collection of vanilla JavaScript machine coding questions with solutions. These projects are designed to enhance your understanding of core JavaScript concepts and web development skills. Feel free to explore, use, and contribute to these projects.

Table of Contents

• Project List
• Installation
• Usage
• Contributing
• License

Project List

Project Name	Description
accordion	An accordion using JavaScript and CSS that opens and closed on click event.
analog-clock	A simple analog clock using JavaScript and CSS.
carousel	Image carousel with next and previous navigation.
contact-form	Basic contact form with form validation.
countdown	Countdown timer for events or deadlines.
counter	Simple counter with increment and decrement functionality.
custom-dropdown	Dropdown menu with custom styling and options.
data-board	Interactive data board for displaying data sets.
digital-clock	Digital clock displaying the current time.
drag-and-drop	Drag and drop functionality for items within a container.
generate-table	Dynamically generate tables based on user input.
grail	Example of a responsive Grail layout using vanilla CSS and JS.
infinite-scroll	Infinite scroll implementation for loading more content.
installment-calculator	Calculator for computing loan installments.
like-button	A like button with state management and animation.
list-filter	Filter items in a list based on search criteria.
modal-popup	Reusable modal popup component.
multi-step-form-validation-check	Multi-step form with validation checks at each step.
navbar	Responsive navigation bar with dropdowns.
progress-bar	Progress bar to show task or process completion.
signup-form	User signup form with validation and submission.
star-rating	Star-based rating system for feedback.
stopwatch	Simple stopwatch with start, stop, and reset functionality.
tabs	Tab component to switch between different content sections.
temperature-calculator	Convert temperatures between different units.
theme-mode	Toggle between dark and light mode with local storage integration
to-do-list	Task management app with CRUD operations.
traffic	Simulate traffic light system using JavaScript.
tweet	Simple tweet box with character count limit.
virtualized-list	Efficiently render long lists with virtual scrolling.
weather-app	Application to fetch and display weather information.

Installation

To get started with these projects, clone the repository and navigate to the project folder.

git clone https://github.com/yourusername/vanillajs_machine_coding_challenges.git
cd repository-name
# Navigate to individual project folders for specific instructions

Usage

Each project may have its own usage instructions. Navigate to the specific project folder to find a detailed README or usage guide.

Example for a specific project:

cd analog-clock
# Follow the instructions in the project folder

Contributing

We welcome contributions from the open-source community. To contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Commit your changes (git commit -m 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Create a new Pull Request.

License

This repository is licensed under the MIT License.