Describe the project you want to add with tech stack
I would like to propose adding a new project to the repository. The project is called "Finance Tracker Website." This web application allows users to manage their personal finances by tracking income and expenses. It includes features such as transaction management, categorization, transaction history, and a visually appealing user interface.

Tech Stack:

• Frontend: HTML, CSS, JavaScript
• Backend: Not applicable (front-end only)
• Libraries: None (vanilla JavaScript)
• Frameworks: None
• Database: None (data stored locally)
• Hosting: Not applicable (static website)

Expected behavior
I expect that this project proposal will be reviewed and, if approved, added to the repository as a new challenge. The challenge should include the project description, tech stack details, and any relevant information to help contributors understand and work on the project.

Screenshots (optional)
https://github.com/sujitmahapatra/frontend-mini-challenges/blob/0a36075c73786b8f1ebd360c11938ca416bf70a7/native/machine-coding/Finance%20Tracker/Finance%20Tracker.png

Additional context (optional)
This project is designed to help individuals manage their personal finances more effectively. It can serve as a useful tool for learning and practicing web development skills, especially in the areas of HTML, CSS, and JavaScript. It's intended to be a beginner-friendly challenge that contributors can use to enhance their web development skills.

getting error:
remote: Permission to sadanandpai/frontend-mini-challenges.git denied to kumaratul60. fatal: unable to access 'https://github.com/sadanandpai/frontend-mini-challenges.git/': The requested URL returned error: 403

steps I follow:

• git clone
• git checkout -b my-branch
• add some challenges in my branch
• git status
• git add .
• git commit -m "added challenge"
• git push origin my-branch

getting error when try to push code in my branch

Describe the project you want to add with tech stack

Creating a music kit app feature using JavaScript involves building a web application that allows users to interact with and manipulate music. Also operated by Keyboard
Expected behavior

Screenshots (optional)

tional )**
**Additional context (op

The Simon Game is a classic memory game where you must follow a sequence of colors and sounds. Build using html,css and javascript.

The game starts with a single color and sound, and then progressively adds more to the sequence. Your task is to remember and repeat the sequence correctly. If you got the sequence incorrect, you will get Game Over and you can then restart the game again.

Describe the project you want to add with tech stack

This project is a Sorting visualizer made using HTML, CSS, and JS which helps visualize Bubble Sort Algorithm.
Expected behavior

when the user clicks the generate button an array with random number is generated.
when the user clicks the sort button the array is sorted.

Screenshots (optional)

Additional context (optional )

Describe the project you want to add with tech stack

It will update the displayed number to simulate rolling a dice. You can further enhance this example by adding animations and other features to make it more interactive.
Expected behavior

Screenshots (optional)

Additional context (optional )

JS project page has "React project heading" & React projects page has "JS mini projects" heading.

Word Count using React

Describe the project you want to add with tech stack

In this frontend project I have made a simple landing page of a online notebook where we save our daily work in the form of blogs.....
Expected behavior

The notebook is made with HTML, CSS, JS & react.
Screenshots (optional)

Additional context (optional )

Please assign me this issue.

I guessed correct number and it said I lost and the number was 89.
I literally guessed the same number.

Maybe you need to look into this. :)

Describe the project you want to add with tech stack
chrome dinosours game

Expected behavior
I want to create chrome dinosours game which is monitoring with keyboard

Screenshots (optional)

Additional context (optional )
languages used html,css,javascript.

Sorry sadanandpai I have the wrong commit in readme.md file please ignore this its my mistake risuvoo:patch-1. I need to contribute to this repo. Already I have forked. when work is done I push it. If you think it's OK then marge it

Search Github users with their username

Fetch the user data using the API provided by GitHub and create a simple UI to display this data.

@sadanandpai, every time when we want to add some challenges so we fork first then clone, npm i, etc steps follow?

I want to add some challenges, but before creating a new branch from the previously created main branch, run git pull, but there are no changes that are added showing: Already up to date.
so how to updated with the latest code?

also plz update the following:

react>src>helpers:

in contributer.ts:
['kumaratul60', { name: 'Atul Kumar Awasthi', pic: 'https://avatars.githubusercontent.com/u/53579888?v=4' }],

in challenges.ts:

[
    'stack',
    {
      title: 'Stack',
      link: 'stack',
      difficulty: 'easy',
      developer: 'kumaratul60',
      tags: [],
      isNew: true,
    },
  ],

QR code generator is a fun basic little challenge where they integrate a Library and use several hooks. Could you assign this issue to me under hactoberfest

The Mad Libs project is a fun and interactive program that allows users to create humorous and often nonsensical stories by filling in the blanks with their own words or phrases it is a great way to practice user input, string manipulation, and basic programming concepts while providing an entertaining and creative experience for the users

The project typically involves the following components:
Story Template: Start by creating a story template that includes a narrative with specific placeholders for different parts of speech (e.g., nouns, verbs, adjectives, adverbs).

Requirements:
-Prompt the user to provide words or phrases for each placeholder. Collect and store these user inputs.
-Replace the placeholders in the story template with the user-provided words or phrases, creating a customized and often comical
story.
-Present the final generated story to the user, complete with their input, and let them enjoy the humorous results.

Tech stack :
JS ,html , CSS

Screen shot:

Describe the project you want to add with tech stack

Hi Sir,
I want to add a project on the Clone of the web platform HOTSTAR using HTML , CSS , JS. Please assign me the issue
Expected behavior

It is a clone of HOTSTAR
Screenshots (optional)

Additional context (optional )

Please assign this to me.

When you add a TODO in the TODO application, it gets added successfully. However, the application's creator may not have considered why users add TODOs in the first place - to serve as reminders. Unfortunately, as it stands, these TODOs disappear when you reopen or refresh the application. To ensure a better user experience, it's crucial to implement a feature that stores these TODOs in local storage, allowing them to persist indefinitely until the user manually deletes them.

adding image

after refreshing the todo delete/disappers

Describe the project you want to add with tech stack

Adding an image gallery In React, Typescript, CSS

Expected behavior

Gallery of images is shown to the user and the user can select the images.

Screenshots (optional)

Additional context (optional )

Describe the project you want to add with tech stack
HTML, CSS, JavaScript

Expected behavior
Input the value in either Celsius or Fahrenheit.
Get the converted value without clicking any button.

Describe the bug
Icons missing

Screenshots

@shruti-sen2004

Describe the bug
A clear and concise description of what the bug is.
In react mini challenges -> project stack has many issue

1. it is not responsive
2. Expected behavior for input is well structured

Expected behavior
A clear and concise description of what you expected to happen.
-If stack is empty it will show the message stack empty
-In next step if we enter new element it stills show stack empty message
-the stack is updated but the recent message is not

Screenshots

Additional context
Add any other context about the problem here.

Is your feature request related to a problem? Please describe.
the footer looks plain.

Describe the solution you'd like
adding some desing elements to the footer

Describe alternatives you've considered
changing the background and text color of the footer

Additional context
Add any other context or screenshots about the feature request here.

Describe the project you want to add with tech stack

Aim training game is a simple and addictive game where the player's objective is to pop as many bubbles as possible within a limited time. Colorful bubbles randomly appear on the screen, and the player must quickly click on them to pop them. Each popped bubble earns the player a point, and the score is displayed in real-time. The game lasts for 30 seconds.

Expected behavior

The player starts the game by clicking the "Start" button.

Platform: JavaScript
Challenge: Accordion
Path: https://github.com/sadanandpai/frontend-mini-challenges/tree/main/native/machine-coding/accordion

Description:
Accordion functionality to be improved similar to React Accordion

Issues:

• No "Is multiple open accordion allowed?" option
• Animation issues while opening and closing the accordion tabs

Note: UI may remain as it is

Describe the project you want to add with tech stack

Creating a simple digital clock feature using JavaScript. we can further use the design and functionality to match your specific requirements.
Expected behavior

Screenshots (optional)

Additional context (optional )

Describe the project you want to add with tech stack
I have developed a car racing game using html, CSS and javascript.

Expected behavior

I would like upgrade the project. please assign me this issue.
Screenshots (optional)

Additional context (optional )
I want to contribute so please assign me the issue

Platform: React
Challenge: Guess the number
Path: https://github.com/sadanandpai/frontend-mini-challenges/tree/main/react/src/machine-coding/guess-number

Description:
The coding standards and quality of the code can be improved.

• Variable names
• Code quality (functions can be refactored)
• Comments

javascrtipt , html , css signin form.

few text fields , and a submit and reset button.

@AnkitaSikdar005

The Chess game is broken and has nothing to do with AI.

As it is just a copy-paste from the repo https://github.com/jahid28/Games/tree/main/CHESS, the credit should be given to the person created.

understanding shoping cart functionality is important as of web developer. please assign me under hactoberfest if you want.

I see you have no LICENSE file for this project. The default is copyright.

I would suggest releasing the code under the GPL-3.0-or-later or AGPL-3.0-or-later license so that others are encouraged to contribute changes back to your project.

Describe the project you want to add with tech stack

This project is a Quote Generator made using React, TypeScript, and CSS

Expected behavior

When the user clicks on the generate button a random quote is generated.
When the user adds a tag, a Quote related to the tag is generated.

Screenshots (optional)

Additional context (optional )

@5h0ov The experience is completely broken for mobile users.

Please look into it

Temperature Converter using Javascript, css, html

Temperature Converter is a webpage that converts celsius to fahrenheit (vice-versa)

@5h0ov

The game is a copy-paste from https://github.com/dollpriyanka/Tilting_Maze_Game. Credit should be given to the creator

Describe the project you want to add with tech stack
Hey there @sadanandpai i want to add a BMI calculator here which will calculate the Body Mass Index. The tech stack is html,css, javascript

Expected behavior
This BMI Calculator is for all the fitness freaks out there. The BMI Calculator takes your height and weight as input and gives BMI (Body Mass Index) as an output.

javascript,html,css

nice hotel website

@Kei-K23

Please assign this issue of resolving the wrong spelling in "Why Us" section.

Describe the bug
A clear and concise description of what the bug is.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

Frontend Mini Challenges is open for contributions for Hacktoberfest

All kinds of PRs are welcome but only the below ones are eligible for Hacktoberfest.

• Only new challenges are considered (JS or React)
• Before working on a PR for a new challenge, create an issue with the challenge details and assign it to yourself
• PR should be created to add a new challenge with a complete solution
• PR should follow the contribution guidelines
• One PR per new challenge addition is considered
• Modification, updates, and documentation PR will not be eligible for Hacktoberfest

A Quiz App with Timer using HTML,CSS,JS.

This is a quiz app with timer to create a more challenging environment.

I would really appreciate if u could allow me to do the project

Describe the project you want to add with tech stack

Hi Sir,
This is the project where I have made a basic unit converter(feet-inches) with the help of HTML , CSS & JS. Please assign me this issue
Expected behavior

This is the project where I have made a basic unit converter(feet-inches) with the help of HTML , CSS & JS
Screenshots (optional)

Additional context (optional )

Please Assign Me this issue.

Currency converter with html ,css and javascript

currency of one country must be converted to other

hotel website with frontend

responsive

Hi @Sukomal07

The color generator mini app is good but is not adding much of a value at this point.
I request you to look into this website and attempt to improve the app in the similar direction.

I love the idea behind this project, I appreciate all the contributors but there’s a nudge of a fix you can do on the navbar in the darkmode section.

• When I make the whole page dark the navbar give a good gradient of yellow to dark but I feel like the yellow is a little bit off. As it doesn’t contrast well with the white text on the nav.😊

Issues

• UI is not responsive
• UI is not clean and lacks contrast
• Code quality is poor

Request you to work on these and raise a PR

@Sukomal07