pec-css / acm-fun Goto Github PK

• Currently user can only enter the number in magic square but cannot validate automatically whether the square is correct or not.
• Also add logic to check that all $9$ numbers used are different. If they are not show a small red message above square for the same.

• Every fortune card should contain:

  • An image at top.
  • Title
  • Short Description.

• When a user clicks on "Show my fortune button". Show him two distinct cards. If he is lucky, show him 3rd card.

• Being lucky is random. You can implement it in any way you want.

• Some cards should be special and must have lesser probability of appearance than other.

• Atleast 15-20 card data should be present as described in point-1.

🙂

Get user location if possible (otherwise u can use a search term) and display current weather in a nice ui, use openweathermap api

make wordle

• Currently default embed is shown. Add react logo in embed (present in assets) for now, and also fix the embed content.
• Image and logo should be in same line for discord. How embed should look on other websites is upto you.

• Improve the instruction design.
• Show user which reddit community memes he will be getting.
• Add spinner when a meme is getting generated.

make a basic 2048 game using react js

currently only the first definition is displayed in get definitions activity, display a list of definitions

show flags and ask user to guess them the country and all, exact features upto your imagination

Find the cause and fix it

The first one has been there in the navbar since the beginning.

Whenever user open a game or activity and then refreshes the page the navbar becomes like shown in image.

       if (location.pathname === "/") {
            list[0].classList.add("active");
            list[1].classList.remove("active");
            list[2].classList.remove("active");
        }

        if (location.pathname === "/games") {
            list[0].classList.remove("active");
            list[1].classList.add("active");
            list[2].classList.remove("active");
        }

        if (location.pathname === "/activities") {
            list[0].classList.remove("active");
            list[1].classList.remove("active");
            list[2].classList.add("active");
        }

The problem lies here in the above code. For example- Since we are checking if it is equal to "/games", it is not working during "/games/magicsquares" on reloading.
Changing it to this should solve it.

        if (location.pathname === "/") {
            list[0].classList.add("active");
            list[1].classList.remove("active");
            list[2].classList.remove("active");
        }

        if (location.pathname.includes("/games")) {
            list[0].classList.remove("active");
            list[1].classList.add("active");
            list[2].classList.remove("active");
        }

        if (location.pathname.includes("/activities")) {
            list[0].classList.remove("active");
            list[1].classList.remove("active");
            list[2].classList.add("active");
        }

For the second bug, it has appeared just after PR #56. Top of pages being hidden by navbar.

Use urban dictionary api to get definitions for a search term and display all definitions in a nice way

It's failing after merging #66 , find issue and fix it

Make it a simple random meme generator or somehting complex, upto you

Upto your imagination how u want to make

Kindly Assign this issue to me, under Hacktoberfest label

make it nicey nice looking, looks trash rn

Give clear instructions on how to contribute and stuff

pleasde follow folder structure properly (refer to the activity already created and follow similar patter for games)

Let's see who can do this

Make the game page properly like the activities with game cards and stuff, obvio activties page looks ugly try ot make it better than that

Adding Docker support to your project can provide several benefits, which include:

1. Consistency:
   Environment Consistency: Docker ensures that your application runs the same way across different environments (development, staging, production) by packaging the app along with its dependencies.
   Version Control: You can specify versions for your dependencies in the Dockerfile, ensuring consistent behavior.
2. Isolation:
   Dependency Isolation: Docker containers encapsulate an application and its dependencies, avoiding conflicts with other applications.
   Process Isolation: Each container runs as an isolated process and does not interfere with other containers.
3. Deployment & Scalability:
   Ease of Deployment: Docker containers can be easily deployed to any system running Docker, simplifying deployment processes.
   Scalability: Docker can be used with orchestration tools like Kubernetes to easily scale applications.
4. Development Workflow:
   Collaboration: Docker makes it easier for teams to collaborate by ensuring everyone is working with the same environment setup.
   Continuous Integration (CI)/Continuous Deployment (CD): Docker is often used in CI/CD pipelines to ensure consistent and reproducible builds and deployments.
5. Compatibility & Portability:
   Platform Independence: Docker containers can run on any platform that supports Docker, including Linux, Windows, and macOS.
   Migration: Applications can be easily moved across cloud and on-premises environments.
6. Resource Efficiency:
   Optimized Utilization: Containers can share the host system’s OS kernel, making them lightweight compared to traditional virtual machines.
   Quick Start-up: Docker containers usually start up much faster than virtual machines.
7. Security:
   Isolation: Docker adds an additional layer of isolation between applications to limit the impact of a potential security issue.
   Immutable Infrastructure: Containers can be treated as immutable, meaning once deployed, they aren't modified but instead replaced, ensuring a consistent and secure setup.
8. Ease of Versioning:
   Image Versioning: Docker images can be versioned, allowing easy rollback to previous application states and facilitating updates.
9. Development & Testing Speed:
   Rapid Prototyping: Quickly spin up containers for testing or experimenting without affecting the local environment.
   Parallel Testing: Run multiple instances of a test environment in parallel for more efficient testing.
   By adding Docker support, you essentially simplify and enhance various aspects of application development, testing, deployment, and scaling.

Here, proper margin could be added to enhance the UI & the text input could be made better

Also, in quotes generator we can add a cool font to match with the current UI

If you will assign this than I can start working on it.

Rules of game are as follows:

• Initially, each player takes turns placing 3 movable pieces anywhere on the board.
• After that, a piece can only be moved to an empty, adjacent square (diagonal included).
• A player can't pass; he/she has to move when it's his/her turn.

Make it nicer

• User should be able to clear a particular box and the entire table for MagicBoard game

• Instead of just console.log(...) show a error message to user saying some problem occured when api call fails.

Make nice logo, add it to the app in the required places and change the title

Navbar covers text on the top in case of some games and activities, find and resolve the issue

Please properly follow the folder structure, refer to the activity already created and do a similar thing for games

Add a new activity where user can check live cricket scores

make nicey nice home page explaining what this proj is about and what different sections are there and stuff

Add a nicey nice footer with acm social media links and page links and stuff

make the readme nicey nice with proper instructions for setting up the dev environment
refer other acm repos

To improve the UX, a dark mode theme and switcher can be implemented.

Please assign under Hacktoberfest, I would like to work on this.