Giter Site home page Giter Site logo

harshal255 / unique-javascript Goto Github PK

View Code? Open in Web Editor NEW
27.0 2.0 61.0 37.59 MB

This repository contains unique project using html,css & javascript only

Home Page: https://unique-javascript.vercel.app

HTML 22.49% JavaScript 55.25% CSS 22.19% Solidity 0.08%
css html javascript hacktoberfest hacktoberfest-accepted hacktoberfest2023

unique-javascript's Introduction

Contribution is fun! 💚

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions mentioned below!

Happy Submissions 🙂

Contribution Guidelines🏗

Are we missing any of your project, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/Unique-Javascript.git

3. Navigate to the project directory 📁 .

cd Unique-Javascript

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/harshal255/Unique-Javascript.git

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base. 9. Add your project Details in project.js file (json file).

10. Track your changes:heavy_check_mark: .

git add .

11. Commit your changes . Also you can use Emoji for creating commit message, follow this GitHub commit Emoji Docs 📚

git commit -m "Relevant message"

12. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

13. To create a pull request, click on compare and pull requests.

14. Add appropriate title and description to your pull request explaining your changes and efforts done.

15. Click on Create Pull Request.

16 Congratulations ❗ You have made a PR to the Unique-Javascript 💥 . Wait for your submission to be accepted and your PR to be merged.(Hacktoberfest 2023)

Thank you guys for Contributing in my repo 🚀🐍🎮

unique-javascript's People

Contributors

abdeali099 avatar abdullahthedev avatar abhrajit2004 avatar adi-ray avatar amanr-dev avatar ananta2545 avatar ankitasikdar005 avatar ankitjhamca avatar aparna03dubey avatar aryanbakliwal avatar ayushkumargit7 avatar divyanshi014 avatar harshal255 avatar harshallsonawane avatar harshprajapati2003 avatar hijal avatar himanshubhatia2910 avatar hypertext-workaholics avatar ivaibhavraheja avatar karankhatri6 avatar kathuria avatar lovanshugarg avatar luwa-tech avatar madhusmitaap avatar niladitya-coder avatar paarth11 avatar piyush07p avatar prathameshtheurkar avatar shuhua-l avatar vedika-gupta avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

unique-javascript's Issues

Scroll bar design can be improved

Hi @harshal255 ,
While browsing this website, I noticed that the UI is very impressive, but the scrollbar does not match the overall UI of the website. Therefore, I believe I can improve this. Please assign this task to me.

here is the screenshot of the scroll bar.

Screenshot from 2023-10-14 20-02-38

Add a random generator quotes website

initially, store all quotes using json file & then generate a random value to access a particular number.

📌Note: we want to make all project's UI unique type so don't use bootstrap CSS if you want to use tailwind CSS therefore it's fine🤝👍

if you want to refer unique type UI then the below repository :
image

Speech Synthesis

Will make a Speech Synthesis using HTML, CSS & JavaScript. Please @harshal255 assign this to me with hacktoberfest label

Making a Weather App Using JavaScript

A weather app made using HTML, CSS, and JavaScript which on entering the location on the search bar fetches the temperature and its weather conditions.

Developing a Memory Game

In a memory game, you typically have a grid of face-down cards, and the player's goal is to find matching pairs by flipping over two cards at a time.

I request you to allow me to develop this under hacktoberfest tag.

Thank you.

Add a random coding meme generator website

Add a random coding meme generator website

  1. initially, store images in a particular directory
  2. make a json file to access all images for optimization
  3. then generate a random value in index.html to access a particular meme.
  4. after some time period time , the meme should be changed,
  5. make a button as well to change a meme

📌Note: we want to make all project's UI unique type so don't use bootstrap CSS if you want to use tailwind CSS therefore it's fine🤝👍

if you want to refer unique type UI then the below repository :
image

Contribution: Add a GitHub Detective website

Description :

The website will work with the help of GitHub API and will display complete stats of that particular developer.

Features:

  • Compatible both for dark and light modes.
  • Search functionality added.
  • Appropriate pop-up if no user is found.

Screenshots:

image

image

Live Demo: GitHub Detective

Burger Eye

Eyes, made with HTML, CSS and JavaScript, follow the cursor(burger here). Please assign me this issue under hacktoberfest tag.

Stick Hero Game

  1. Starting the Game: Right-click or press and hold the right mouse button to start the game.

  2. Creating the Stick: While holding the right mouse button, move your mouse cursor to the right. A stick will extend as long as you hold the button.

  3. Releasing the Stick: Release the right mouse button to drop the stick onto the platform.

  4. Scoring: Your goal is to align the stick perfectly with the platform. If you successfully align the stick with the platform, you earn 10 points. If the stick touches the platform but is not perfectly aligned, you earn 1 point.

  5. Winning: Keep creating and aligning sticks to earn points. Challenge yourself to get the highest score!

  6. Losing: If you fail to align the stick with the platform, you lose the game. To restart, press the Space bar or click the restart button located in the center of the screen.

Add a developer - portfolio ✨🚀

📌Note: we want to make all project's UI unique type so don't use bootstrap CSS if you want to use tailwind CSS therefore it's fine🤝👍

if you want to refer unique type UI then the below repository :
image

Add Navbar

@harshal255 I want to add navbar to the page which will make the site more effective and also i will do the change the cards style.

so can you assign me this task to me .

Contribution: Add a Form Validation Website in Javascript

In this contribution, I aim to develop and integrate into the repository. A Form Validation Website , having input fields like name, email, password, etc. It is used to prevent errors by checking the data entered by the user for errors such as empty fields, invalid characters.Ensures the data is accurate. Prevent the mistakes of user inputing wrong data/format by giving errors. into the repository.

Ensures accurate data to be filled by the user.

Screenshot:
image

Music Visualization tool

Hello!
A real time music visualization tool which uses Web Audio API to analyze and create animations and effects
based on the rhythm, beats etc using Javascript.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.