Scribd
Upload
7 views

Mini Projects For Js

Presentation of js projects

Uploaded by

Muhammad Qasim
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

Mini Projects For Js

Presentation of js projects

Uploaded by

Muhammad Qasim
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

ReactJS Mini Projects

to Master Front-End
Development

Muhammad Abdullah
m.abdullah_JS
1. Launch Date Counter Page

The Launching date counter is a very


interesting project. Launch Date Counter
helps users to know the launch date of the
website.

What you will learn:


How to create React components. How to
use setTimeInterval function. React Hooks.
Animation

Muhammad Abdullah
m.abdullah_JS
2. Quote Generator

Mini projects can be great for beginners


because they help you build interest and
skills in certain areas! The Quotes generator
is a simple project to do during class or for
homework that helps people compress
words. It then generates a short but
meaningful quote.

What you will learn :


How to use API , How to Design Form. How
to make ajax/fetch/Axios API calls from
react app

Muhammad Abdullah
m.abdullah_JS
3. Build a Thumbnail Generator

Thumbnail Generator is a tool that will


automatically generate thumbnails for
your images quickly and easily.

In this project. you will create a thumbnail


of the image when the user uploads it on
the server.

What you will learn :


How to upload images using React. How to
create a form in React, Image Operation,
File Operation

Muhammad Abdullah
m.abdullah_JS
4. Build a Dwonloading Progress Bar
A progress bar is a common visual
representation for the transformation of
quantitative values into qualitative values
over time.
It is seen as bars ascending at a constant
speed that show information about what
stage of the process is being portrayed and
whether the current value from a counter
or computer widget corresponds to 100%
of the estimated goal.

What you will learn :


How to upload files in react. How to design
progress bar, How to use Animation in
React, React Hooks

Muhammad Abdullah
m.abdullah_JS
5. Simple Train Ticket Registration
System
A train ticket registration system allows
passengers to book use their tickets more
quickly and easily.
The staff would also be able to view the
attendance of guests prior to their at
the stations.

What you will learn :


How to store data in local storage using
JavaScript , How to design dashboard, how
to create and manage table operation in
React, How to build CRUD app in React

Muhammad Abdullah
m.abdullah_JS
6. Infinite Scrolling
Infinite scrolling is a technique that allows
the user to scroll indefinitely.
This means that the content never ends
and instead of the application forcing yoJu
to reach a certain point, it provides you
with an endless supply of new content.

What will you learn :


How to make API calls, how to use offset
and count parameters to fetch limited
records from the server , How to track
JavaScript Events

Muhammad Abdullah
m.abdullah_JS
7. weather app
A weather app is a type of application that
allows users to view current weather
conditions and forecast information for a
specific location.
The app typically uses data from a weather
API such as OpenWeatherMap, to retrieve
weather data.
The data is then displayed to the user in a
user-friendly interface.
Users can search for weather information
by city , zip code , or location

What will you learn :


API integration and data visualization

Muhammad Abdullah
m.abdullah_JS
8. A recipe search website
A recipe search website is a type of website
that allows users to search for and find recipes
based on different criteria.
The website would typically use an API,
such as Spoonacular , to retrieve data on
recipes and ingredients.
The data is then displayed to the user in a
user-friendly interface, typically using
ReactJS.
What you will learn:
API integration and search functionality.

Muhammad Abdullah
m.abdullah_JS
Thankyou so much for
following me

Muhammad Abdullah.

Muhammad Abdullah
m.abdullah_JS

You might also like