csivitu/webdice

Web Dice

WebDice is a collection of fun "useless" websites.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• License
• Contributors

About The Project

![FindCSI] ![DaddyLaugh]

Built With

• HTML
• CSS
• JS

Getting Started

To get a local copy up and running follow these simple steps.

• Clone the git repository
• Run 'index.html' files in both the projects to see the wbsite running

Prerequisites

No prerequistes required.

Installation

1. Clone the repo

git clone https://github.com/csivitu/WebDice.git

Usage

These websites are "useless" in the sense that they dont have any concrete use in the day to day world, but they can help you learn the basic frontend web-development skills in a super fun way :)

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributors

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'feat: Add some AmazingFeature')
4. Push to the Branch (git push -u origin feature/AmazingFeature)
5. Open a Pull Request

You are requested to follow the contribution guidelines specified in CONTRIBUTING.md while contributing to the project 😄.

License

Distributed under the MIT License. See LICENSE for more information.

webdice's Issues

[FEAT] Create a new fun website

Is your feature request related to a problem? Please describe.
I'm frustrated with only two websites ......... dice generally have 6 sides don't they.

Describe the solution you'd like
More fun websites !!!!!!!!

Describe alternatives you've considered
Getting bored.

Create a README file for Find-CSI

Location of the Document
Inside Find-CSI folder

What needs to be added
I want everyone to understand what this website is about and its "use case"

Additional context
Note: do not use any CSI template, I want to see some of your own work in here :)

Randomize dad image from a pool of 5 images

DaddyLaugh

Adding a new feature to upgrade the horizon of dad images shown on our website

Create a button for switching between light mode and dark mode

DaddyLaugh

Problem:
People "need" dark mode in all websites nowadays

Solution:
A simple button click wherein user can switch to dark mode for the website

Find total number of dads connected

DaddyLaugh

Problem:
We want to see how popular this actually gets

Solution:
Display total number of users connected at a particular instant

Find total number of dads visited

DaddyLaugh

Problem:
We want to see how popular this actually gets

Solution:
Display total number of users visited on the website.

Create a README file for Daddy-Laugh

Location of the Document
Inside Daddy-Laugh folder

What needs to be added
We need everyone to know about our mission (i.e. to spread dad laughs all around the globe)

Additional context
Note: do not use any CSI template, I want to see some of your own work in here :)

Find total number of dad laughs you have played

DaddyLaugh

Problem:
I want people to notice how much time they are wasting on this "useless website"

Solution:
Display total number of dad laughs you have played on the website.

Ramdonize the image of shinchan (i.e. display a different shinchan image everytime out of a pool of 5 images)

FindCSI

Problem:
I dont want the website to get repetitive

Solution:
Find 5 images of shinchan online (with the same dimensions) and display a different one everytime the user refreshes

Increase number of total images to choose from after every correct ans(2,4,8,...)

FindCSI

Problem:
I dont want the website to get repetitive

Solution:
We can build a borderline game of finding csi with the level increasing each time someone choose the correct ans.
There will be 2 choices initially, then 4, then 8, and so on

Find a streak for how many times you have found the correct ans

FindCSI

Problem:
I want people to get competitive over finding csi

Solution:
A simple text box displaying your streak of finding the correct ans (resests after every wrong ans)

Find total number of dad laughs played altogether on the platform

DaddyLaugh

Problem:
We want people to know how much time people actually waste on this "useless website"

Solution:
Display total number of dad laughs played altogether on the website.

CSI logo gets hidden behind the shinchan image

Describe the bug
Sometimes the CSI logo image spawns behind a shinchan image and is not visible for the user to click it.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Run the index.html file for FindCSI game'
2. Click on 'CSI logo and continue playing'
3. Scroll down to 'At some point you'll notice that you can't find the image however hard you find.'
4. See error

Expected behavior
Expected behavior is that the CSI image should always be visible for the user to click it.

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

Additional context
Add any other context about the problem here.

[BUG] Choosing the wrong ans loses the streak in FindCSI

Describe the bug
When I choose the wrong ans in FindCSI, the page is reloaded hence the user loses his streak (current and highest).

To Reproduce
Steps to reproduce the behavior:

1. Choose CSI in the first option
2. Click on any of the new shinchan images popping up
3. You loose the highest and current streak both

Expected Behaviour
You should only loose your current streak (i.e. the page should not be reloaded)

Find largest streak of correct answer ever on the website

FindCSI

Problem:
I want people to get competitive over finding csi

Solution:
A simple text box displaying the highest streak ever of finding the correct ans (resests after every wrong ans)

Randomize the position of csi image and shinchan image

FindCSI

Problem:
We need to make it more and more difficult for the user to find CSI

Solution:
CSI image should not only be on the left and should rotate everytime we refresh.

create a Web Dice (you are redirected to a new useless website everytime you click a button)

WebDice (A new domain altogether for redirecting to a new "useless website" each time someone clicks a "redirect me" button)

Problem:
We want to integrate all useless websites under 1 domain

Solution:
You are redirected to a new useless website everytime you click a button

[BUG] test

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

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

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.

Create a button for switching between light mode and dark mode (FindCSI)

Problem:
People "need" dark mode in all websites nowadays

Solution:
A simple button click wherein user can switch to dark mode for the website

Make a dropdown list to play a different voice track everytime the button is clicked

DaddyLaugh

Adding a new feature to upgrade the horizon of dad laughs covered on our website.

Imporve the UI for the alert of Correct/Wrong ans

FindCSI

Problem:
The alert displayed on the website looks very ugly/old-fashioned

Solution:
A better user interface for informing the user if his answer was correct.