Code Monkey home page Code Monkey logo

cookie's Introduction



⭐️ JavaScript Cookie Demo ⭐️

What is Hacktoberfest?

Hacktoberfest is the easiest way to get into open source! Hacktoberfest is a month long celebration of open source code presented by Digital Ocean.

During the entire month of October 2022, all you have to do is contribute to any open source project with the hacktoberfest tag and open at least 4 pull requests which follow the Hacktoberfest guidelines. It can be any project mentioned below and you can contribute in any way possible. It can be a be a bug fix, optimisation, feature addition or even a documentation enhancement!

If you’ve never contributed to open source before, this is the perfect time to get started because Hacktoberfest provides a large list of available contribution opportunities.

Contribute to cookie

This is a website that is used to demonstrate the working of Client-Set Cookies made using JavaScript.

Yes!!, you're here!✨. This is the first step in making your contribution to the cookie project.
This documentation will serve as a guide for making your contibutions to this project. Follow the steps stated below carefully.

Finally, we can't wait to see your outstanding issues and pull requests. Welcome 😇❤

Features

  • It prompts the user to enter a few basic details
  • It makes cookies out of the details fetched from the user
  • Cookies are used to set various text and options in the website

This is a demonstration website on how internet cookies work.

Preview Here! we welcome everyone to contriubute to our project. You can contribute in several ways not just in code (E.g. Technical writing , collaborate in developing the website). Team working with a lot of folks which is very good for the growth 📈 of the project but most of times can lead to conflicting interests and point of views 👈👉. So , Below are set of rules 📖 that guide you for participating in this project.

  • Openess 👐. Collaboration is only possible if everyone is open to share ideas.
  • Respect 👨🏾‍🤝‍👨🏽. Having respect for everyone, their skills and opinions is paramount.
  • Welcoming tone or politeness 😇: It is expected that you interact with others in an optimistic and cheerful manner.

Things to take care while making a PR:

  • Don't forget to attach a screenshot of the final output of the work that you have done, and do mention the issue you have worked upon, while making a PR.
  • Just make sure that you push only the files that you have worked upon.

Demo

Check out the website: https://akhil-aggarwal.github.io/cookie/

Tech stack

HTML5 CSS3 SCSS JavaScript Json

Your First Contribution

Is this your first time contributing to an open source project? If yes, Welcome!!✨🎉💃🏾 Here is a great tutorial on how to contribute to an open source project.

At the point you are ready to take on the world of open source contribution!!.

You must have seen a bug or problem you can fix, this is when you open a new issue for that problem. Let's do it together.

Steps to open a new issue

  • Step 1: Navigate to the issues naviagtion button. See below 👇

issue1

  • Step 2: Scan through the currently opened issues to see if your issue(s) has been listed earlier. See below 👇

issue2

  • Step 3: If your issue hasn't been listed yet, click on the New issue button at the top right corner to add your new issue. See below 👇

issue3

  • Step 4: Time to add your amazing issue. You add the title and a brief description of the issue. For further explanation, images can be added as well. See below 👇 issue4

  • Step 5: Submit the issue. See below 👇

issue5

Hurray, you just made added your first issue. The managers of amazon clone will now review your issue and you will either get assigned to the issue, have it closed or a comment will be dropped for you.

You have been assigned an issue 🥂 and are confused 😵 about where to go from here, follow this guide below to make your changes and pull request 🍾.

Getting Started

Fork the Cookie repository. See below 👇

fork

Clone the repository you forked above. See below 👇

clone

Using the command below, you can clone the repo.

git clone https://github.com/akhil-aggarwal/cookie.git

Navigate to the cloned directory using command line. See below 👇

cd cookie

Make a new branch.

git checkout -b "Your Branch Name"

A good branch name would begin with the issue ticket and the assigned issue. See below 👇

eg..

// #53 is the issu ticket number and make a request is the assigned issue na

git checkout -b "#53-make a request"

You are all set!! 🍾🎉. You can now make your changes locally. Once you are done making all your changes, you can now push code and make a pull request.

Steps to making a pull request

You have to switch to the main branch and make sure it's up to date with the amazon's clone main branch. To do so, use the following commands below.

git remote add upstream https://github.com/akhil-aggarwal/cookie.git
git checkout main
git pull upstream main

You can now update your branch from your local copy of main, and push it!. See how below. 👇

git add .
git commit -m "<your commit message>"
git push origin <name-of-your-branch>

Hurray!!, we are done with the hard part. Head to github to make the pull request Github will check for conflicts and if non is found, you can make the pull request and the mainteners of cookie will review your pull request to have it merged or make a comment on it.

Code review process

The maintainer of cookie looks at Pull Requests on a regular basis and carries out merging or comments on the requests. You can close a pull request if it isn't showing any activity after two weeks.

Contributing Guidelines

Any contributions you make are truly appreciated, go to our CONTRIBUTING.md file for more information.

Code of Conduct

View CODE_OF_CONDUCT.md

Thanks to all Contributors

License

License: GPL v3

If you liked this project, please leave a 🌟

cookie's People

Contributors

akhil-aggarwal avatar ankit-11525 avatar anmol-baranwal avatar anusharma2608 avatar armorynode avatar avibedi1768 avatar chaaals avatar cyberbuddy-manas avatar deep-69bits avatar dharansh-neema avatar dreymoreau avatar jbecker7 avatar kalashvasaniya avatar lovishprabhakar avatar nayanmapara avatar nileshlad09 avatar pacific-prashant avatar pargat-dhanjal avatar ph1ne4s avatar rutuj-runwal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

cookie's Issues

Pressing enter also submits the form

Is your feature request related to a problem? Please describe.
Hi there! So while checking the website, I initially thought that by simply pressing enter, it would submit the form. However it didn't, so I was kinda lost for a sec. I inspected the form and it only submits when you click the button.

Describe the solution you'd like
I would like to add an event listener for a 'submit' so that either way, may it be clicking submit or pressing enter, it would still submit the form.

Describe alternatives you've considered
I think what I've mentioned above is the best option in this circumstance.

Additional context
Can you please assign this issue to me? I would like to work on this.

Improve UI

Is your feature request related to a problem? Please describe.
Want to improve the UI by adding hover in button/Navbar and other features also. Also fix the footer in about section.

Describe the solution you'd like
Using CSS

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

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

Footer section in About Page is not at bottom

Describe the bug
A clear and concise description of what the bug is.
The footer section in About Page is not at the very bottom of the page unlike the Home page, this makes the website look quite inconsistent in design perspective.
To Reproduce
Steps to reproduce the behavior:

  1. Go to About Page from Navbar
  2. Scroll down to Bottom of the page
  3. See error in the footer section

Expected behavior
A clear and concise description of what you expected to happen.
The footer section should be at the very bottom of any page.

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

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser : Chrome
  • Version : 106.0.5249.91

Smartphone (please complete the following information):

  • Device: Realme GT Master Edition
  • OS: Android 12
  • Browser : Chrome
  • Version : 105.0.5195.79

Additional context
Add any other context about the problem here.

Update in UI

Is your feature request related to a problem? Please describe.

The UI doesn't adapt to mobile view.
image

Plus there can be some minor changes to improve the responsiveness and the content like "Edigible"
image

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

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

Preloader and Favicon - Feature Requested

Is your feature request related to a problem? Please describe.
Lets just say it, Preloader are awesome!

Describe the solution you'd like
A sick looking preloader that goes along with the theme of the website.

Describe alternatives you've considered
Would also love to add a favicon for the website.

Additional context
I would love to contribute more to the open source community as a part of hacktober fest

adding a day-night toggle button

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

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

Email validation on the frontend

Currently the user can write any anything in the email input field. The email needs to be validated before the user can hit the submit button.
image

Contributors Page

Is your feature request related to a problem? Please describe.
Currently we have a contribute button that when clicks takes us to repository

Describe the solution you'd like
A contributors page that fetches contributors realtime using github api as shown below
It will also have a button to link to repository if someone wants to contribute

image

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

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

Reset Cookies Button

Is your feature request related to a problem? Please describe.
Whenever we revisit the website, the cookies are persistent, if I need to change my name,age etc the form needs to be filled again. The problem is that I cannot view the original website(before the cookies were entered and data was stored)

Describe the solution you'd like
Creating a cookie reset button that resets any cookies entered which will make the website back to it's original state

Describe alternatives you've considered
The above mentioned solution works well with the concepts this project wants to convey

Additional context
If you could assign this to me so that I can work on it

💡 Fix the position of Back to Top Button

Concise Description

It is only at the bottom of page, but it has to be at fixed point (bottom right corner) which point to top

Your Solution

Create a button that will take the user to the top of the page when clicked on!

Alternatives

No response

Additional Context

No response

Code of Conduct

💡 [REQUEST] - <I will add Aadhar card button for everyone>

Concise Description

After Adding it there will be Aadhar card option for everyone

Your Solution

By this there will be 3 options for above 18 years old persons, Pan card, Indian voter and Aadhar card whereas for less than 18 years old there will be only Aadhar card.

Alternatives

Alternative Solutions

  • Solution 1
  • Solution 2
  • so on

Additional Context

No response

Code of Conduct

Adding new favicons

I want to add a new favicon called "cookie-cat" to the website in order to make it more identifiable when multiple websites are opened in the browser. @akhil-aggarwal please assign this issue to me.

Add an DropDownList in the Client-Set Cookies form with list of all the countries.

Feature Request:
We want to make this website open to every country and not restrict the option of Governmental links to India only if the age of the user filling the form is 18+.

Solution Proposed
We will use the country as input from the user to display the Government ID Proof Generation link of that particular country. In further issues, we will implement it.

💡Adding the Contact us and feedback page

Concise Description

there is need to be a contact page with feedback page

Your Solution

just update the navbar with button which take us to contact page with feedback!

Alternatives

No response

Additional Context

No response

Code of Conduct

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.