Ankit Bijlwan's Projects
Develop a Stopwatch application in React with functionalities to start/stop and reset the timer.
Bootstrap Based project
Task 1: Interactive Todo List Instructions: Develop an interactive todo list application using HTML, CSS, and JavaScript. Users should be able to add new tasks, mark tasks as completed, and delete tasks. Implement local storage functionality to persist tasks even after page refresh. Design the user interface to be intuitive and visually appealing.
Assignment
It allows you to download a website from the Internet to a local directory, building recursively all directories, getting HTML, images, and other files from the server to your computer.
Create a calculator with a user-friendly web interface that includes a single input field and 16 buttons to facilitate basic arithmetic calculations. Upon pressing the '=' button, the application should evaluate the entered expression and display the result on the webpage. This is how your calculator must look like upon the initial render:
uild XCounter which is a basic UI allowing users to increment and decrement counter which is initially set to 0. Use your ReactJS skills to achieve this.
Develop a user interface such that it displays a grid of country flags and their names, by retrieving data from the given API endpoint.
The project aims to develop a user-friendly web interface that displays flags and names of all countries along with a search feature. Upon searching, the interface will show flags and names of countries matching the search criteria.
Develop a user interface for a React-based dictionary application named XDictionary. When a user searches for a word, the application should search in the dictionary and display the corresponding definition if the word is found, or indicate that the word is not in the dictionary if it is not found.
Develop a user interface with two text input fields labeled 'First Name' and 'Last Name'. Implement a 'Submit' button functionality such that upon clicking, it displays the concatenated result of the entered name as 'Full Name' directly on the webpage, ensuring the output is visible to the user and not just logged to the console.
Develop XLogin, a simple login form interface with fields for username and password. Upon entering the correct username "user" and password "password," the interface should display a "Welcome, user" message. In case of an incorrect password or username, it should show an "Invalid username or password" notification.
Pagination in React JS is a function of apps that allows them to show data on a series of pages. The information can be seen by going from one page to the next. You’ll be building the frontend pagination for employee data. API endpoint: https://geektrust.s3-ap-southeast-1.amazonaws.com/adminui-problem/members.json Upon initial render:
The XSpellCheck is a class-component-based React tool designed for real-time spell-checking and auto-correction.Convert XSpellCheck into functional-component-based React application by using your ReactJS skills.
Build XStates which is a basic UI allowing users to create an interactive location selection component that dynamically populates country, state, and city dropdown menus based on API data and displays it accordingly. Use your ReactJS skills to achieve this.
Build XWeatherApp which is a weather application that provides real-time weather information based on user-searched city names, ensuring a seamless user experience. Use your ReactJS skills to achieve this.