Code Monkey home page Code Monkey logo

noelierx / gameher Goto Github PK

View Code? Open in Web Editor NEW
37.0 6.0 40.0 30.9 MB

Gameher is a French association aspiring to develop diversity in the fields of video games, esport and streaming. We want to give players the tools they need to flourish and evolve in the fields of video games, esport and streaming.

Home Page: https://gameher.fr/

License: GNU General Public License v3.0

CSS 9.72% JavaScript 25.73% PHP 38.43% Shell 0.17% Twig 25.96%
symfony twig symfony-cli frontend materializecss javascript esport gender-diversity video-games streaming

gameher's Introduction

Hello world 👋! I'm Noëlie

👩‍💻 I'm currently Engineering Manager at Jaji! I'm also a Game'Her contributor. I worked at OpenClassrooms as frontend engineer and teacher at EEMI. I also worked as an accessibility consultant. My passion lies in creating inclusive digital experiences and raising awareness about the importance of web accessibility. I'm also the founder of Koala.

📄Alongside this, I'm currently trying to build WhiskerWatch, a web application designed to provide comprehensive care and medical information for your beloved cat.

🌟 Skills

Web Accessibility (RGAA, WCAG, Section 508, EN 301 549, Games Accessibility Guidelines)
Frontend development (HTML, CSS, JavaScript, React.js, ...)
Teaching & Training
User Experience (UX) Design

🤝 Let's connect!

If you're interested in web accessibility, creating inclusive digital experiences, or just want to chat about gaming or tech, feel free to connect with me on my website or on Twitter!

gameher's People

Contributors

abbascoder51 avatar chypriote avatar codeasashu avatar damienbaudet avatar dastgirp avatar dearheegi avatar dependabot[bot] avatar ffeliks avatar kocal avatar l3raz avatar m1ga avatar mdolr avatar me-v-en avatar mightym17 avatar noelierx avatar reliq avatar tchapuis avatar tspencer244 avatar webdevsoup 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

gameher's Issues

As an admin, I want to add / edit / delete manually a user

Expected: As I'm an admin, I want to be able to add / delete / edit a user on the admin panel instead of do it on phpmyadmin.

Actual: As an admin, when I want to add / edit / delete a new user I have a page with no options to do it.

Display last articles on the homepage

As a user, I want to be able to see the last published articles (and not shedule ones) on the homepage of the website.
Capture d’écran 2019-10-17 à 10 30 52

font-size of title should be 50px.

Revamp design of Homepage

We actually want to revamp the design of our homepage.

Actual:
screencapture-gameher-fr-2020-01-17-09_59_23

Expected:
DESKOP_HOMEPAGE
And for the mobile version
MOBILE_HOMEPAGE_PROPOSITION

Add Biography for redactor on article pages

On the article page (blog), we would like to add a biography for our writers that they can edit in their profile.
STUCTUREARTICLE
(Requires adding a field to the database and touching the Profile and _author Twig files)

Add multiple author to an article

Add multiple author to an article

Problems to solve

The authors at Game'Her are writing some articles with other people. They want to be able to add other authors on the same article.

Things to do

Admin Side

  • Modify the database in accordance
  • Add a new field to offer them the possibility to add new authors. As we don't have a design for that you can be free to choose the best option between:
  • a dropdown menu showing every people with the role "ROLE_REDACTEUR"
  • a list with checkbox showing every people with the role "ROLE_REDACTEUR"
  • a search field with autocompletion accepting only users with the role "ROLE_REDACTEUR"

Website side?

  • Display multiple authors if an article have some. But you should only show the bio of the first one.

Want to contribute on this task?

If this task it to enormous we can explode it into several tasks but some depends on others.

Sticky Navbar ?

Users often tend to get lost in the website if they don't find a navigation bar just to make things easier for them

A Sticky Navbar which stays always on top of the screen makes the website more accessible.

So, if it helps our end users, I'd like to work on modifying the navbar !

Center image and social media

On the page "About us" :

  • On the desktop version I want to align (and center) the social medias icon with the image.

Capture d’écran 2019-10-17 à 11 12 03

  • On the mobile version I want to align (and center) the member image with the social medias icons

Capture d’écran 2019-10-17 à 11 11 54

We can have up to 5 different social media

Use a Virtual Machine or Docker for local development

Is your feature request related to a problem? Please describe.
I would like to contribute to the project, but I don't want to mess my computer with MySQL (5.7) which can conflicts with other versions of MySQL or MariaDB (since binary mysql is provided by both mysql-client and mariadb-client APT packages).

The problem can also happens with PHP or Node.js, I use phpenv and nvm so I can chose what version to use, but other people can have the issue if they have PHP X installed when the project requires PHP X+1.

Describe the solution you'd like
I'm thinking about using Manalize, it a CLI-tool which allows you to:

We have used it for many years at work and it works really well! We are really happy about it.

The counterpart, contributing to the project will be harder the first time if you are not familiar with Virtual Machine, Vagrant, and Ansible. You will need to install Vagrant, a VM provider (ex : VirtualBox), one or two Vagrant plugins, ...

Describe alternatives you've considered
It would probably be nicer to use Docker, but I'm really really not familiar with it.
I find Docker very difficult compared to a virtual machine that just works (tm) ✨ .

Additional context
Using a VM make it easier to mimic the production environment the closest as possible.


What do you think?

Thanks!

Revamp profile page

Capture d’écran 2019-10-09 à 16 44 31

Our actual profile page is quite ugly. We would love to have a nice profile page, easy to edit. We are using Materializecss, so you just have to follow their guidelines about forms.

There is no design, wee just want a nice responsive profile page, with the fields already here.

Create a seed file

Until today, we don't have any seed file to fill your databases when you work on Game'Her project.
The objective of this issue is to create one to help other developer that may need data to work.

Pagination isn't working on the blog with the search

Expected Behavior

When I'm in the search page ((https://gameher.fr/blog?query=test) and when I click on the second page, I want to see all the articles visible with THIS unique search and not others.

Actual

When I'm in the search page and when I click on the second page (in the pagination), I can see all the articles of the website and not only my search

Steps to reproduce

Go to https://gameher.fr/blog
Type a search
At the bottom, click on the "2" or "3" from the pagination
Boom, you have all the articles from the page /blog, and they have nothing to do on the /blog?query=test page.

This bug is related to this issue : #49

Fix mobile navigation

On mobile navigation, we have a small space between the navigation and the header with the logo.
Capture d’écran 2019-10-08 à 17 44 40

Revamp design of homepage

We actually want to revamp the design of our homepage.

Actual:

screencapture-gameher-fr-2020-09-23-10_28_27

Expected:

DESKOP_HOMEPAGE
And for the mobile version
MOBILE_HOMEPAGE_PROPOSITION

Add a dark mode

Create a dark mode theme for the website.
Add a switch on/off (maybe on the footer?) to change dark mode to light mode

Migrations fail on MySQL 8

λ php bin/console doctrine:migrations:migrate

                    Application Migrations


WARNING! You are about to execute a database migration that could result in schema changes and data loss. Are you sure you wish to continue? (y/n)y
Migrating up to 20191008183151 from 0

  ++ migrating 20190712152001

     -> CREATE TABLE post (id INT AUTO_INCREMENT NOT NULL, uuid CHAR(36) NOT NULL COMMENT '(DC2Type:uuid)', title VARCHAR(255) NOT NULL, slug VARCHAR(255) NOT NULL, content LONGTEXT NOT NULL, published_at DATETIME DEFAULT NULL, created_at DATETIME NOT NULL, updated_at DATETIME NOT NULL, deleted_at DATETIME DEFAULT NULL, PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ENGINE = InnoDB
     -> CREATE TABLE partner (id INT AUTO_INCREMENT NOT NULL, uuid CHAR(36) NOT NULL COMMENT '(DC2Type:uuid)', name VARCHAR(255) NOT NULL, description LONGTEXT NOT NULL, website VARCHAR(255) NOT NULL, twitter VARCHAR(255) NOT NULL, facebook VARCHAR(255) NOT NULL, instagram VARCHAR(255) NOT NULL, created_at DATETIME NOT NULL, updated_at DATETIME NOT NULL, deleted_at DATETIME DEFAULT NULL, PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ENGINE = InnoDB
     -> CREATE TABLE member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) NOT NULL COMMENT '(DC2Type:uuid)', nickname VARCHAR(255) NOT NULL, firstname VARCHAR(255) NOT NULL, lastname VARCHAR(255) NOT NULL, twitch VARCHAR(255) NOT NULL, twitter VARCHAR(255) NOT NULL, facebook VARCHAR(255) NOT NULL, instagram VARCHAR(255) NOT NULL, created_at DATETIME NOT NULL, updated_at DATETIME NOT NULL, deleted_at DATETIME DEFAULT NULL, INDEX IDX_70E4FA78D60322AC (role_id), PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ENGINE = InnoDB
Migration 20190712152001 failed during Execution. Error An exception occurred while executing 'CREATE TABLE member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) NOT NULL COMMENT '(DC2Type:uuid)', nickname VARCHAR(255) NOT NULL, firstname VARCHAR(255) NOT NULL, lastname VARCHAR(255) NOT NULL, twitch VARCHAR(255) NOT NULL, twitter VARCHAR(255) NOT NULL, facebook VARCHAR(255) NOT NULL, instagram VARCHAR(255) NOT NULL, created_at DATETIME NOT NULL, updated_at DATETIME NOT NULL, deleted_at DATETIME DEFAULT NULL, INDEX IDX_70E4FA78D60322AC (role_id), PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ENGINE = InnoDB':

SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) ' at line 1

In AbstractMySQLDriver.php line 79:

  An exception occurred while executing 'CREATE TABLE member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) NOT NULL COMMENT '(DC2Type:uuid)', nickname VARCHAR(255) NOT NULL, firstname VARCHAR(255) NOT NULL, lastname VARCHAR(255) NOT NULL, twitch VARCHAR(255) NOT NULL, twitter VARCHAR(
  255) NOT NULL, facebook VARCHAR(255) NOT NULL, instagram VARCHAR(255) NOT NULL, created_at DATETIME NOT NULL, updated_at DATETIME NOT NULL, deleted_at DATETIME DEFAULT NULL, INDEX IDX_70E4FA78D60322AC (role_id), PRIMARY KEY(id)) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ENGINE = InnoDB':

  SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) ' at line 1


In PDOConnection.php line 90:

  SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) ' at line 1


In PDOConnection.php line 88:

  SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'member (id INT AUTO_INCREMENT NOT NULL, role_id INT DEFAULT NULL, uuid CHAR(36) ' at line 1


doctrine:migrations:migrate [--write-sql [WRITE-SQL]] [--dry-run] [--query-time] [--allow-no-migration] [--all-or-nothing [ALL-OR-NOTHING]] [--configuration [CONFIGURATION]] [--db-configuration [DB-CONFIGURATION]] [--db DB] [--em EM] [--shard SHARD] [-h|--help] [-q|--quiet] [-v|vv|vvv|--verbose] [-V|--version] [--ansi] [--no-ansi] [-n|--no-interaction] [-e|--env ENV] [--no-debug] [--] <command> [<version>]

This is caused by member being a reserved word since version 8.0.17

Contact form is not sending emails

As a user, I want to be able to send an email through the contact form on the website.
Actually, I have a success message even when the contact form doesn't send the emails to the adress [email protected] or [email protected]

We think it's coming from our symfony configuration, feel free to take a look and explore options.

[Feature] Create a slider to display partners on footer


name: Feature request
about: Suggest an idea for this project
title: Create a slider to display partners on footer
labels: enhancement, good first issue, Hacktoberfest
assignees:


Is your feature request related to a problem? Please describe.
When we have more than 4 partners, we display the first four on top and the others at the bottom. It's not really aesthetic as you can see on the screenshot below.
image

Describe the solution you'd like
We would like to have a slider to display all the logos on the same line. By modifying the actual footer.

Publication date reset when I modify an article

Capture d’écran 2019-10-17 à 10 05 24

Actual: when I'm editing an article on the admin panel, the publication date resets and remove the month of publication as you can see on the screenshot below.
Capture d’écran 2019-10-17 à 10 07 10

Expected: when I'm editing an article on the admin panel, the publication date should not be moving.
Capture d’écran 2019-10-17 à 10 08 02

Add Hall of fame on Donation Page

On the donation page, we would like to add a Hall Of Fame to highlight our donators.

DONATION
(When you hover a color on the hall of fame, the text is changing).

If you want to take this issue, just comment and I would give you the assets.

As a User, I want to see a custom 404 page when I'm lost.

As a user, I want to see a custom 404 page when I'm lost on the website.

  • It will require a lot of front-end work. You can reuse some template in twig already existing to do this.
  • It will require some back-end work to enable the fact that we can use a custom 404 page.

Here's the design for the 404 page:
73266562-64045100-41d7-11ea-9317-20bf3810485c

Create Media Page

We want to create a new page located in the footer called "Media Kit". The objective of this page is to allow people to download our logos and colors easily. We keep the footer as it is right now, we just add the link redirecting to the new page.

For the colors, you can add the hexadecimal color and allow the user to add them into their clipboard when clicking on the color.

If you want to work on this, I will provide you the Figma link and the assets.

  • Create a view and a controller for this page
  • Add logo assets so people can download them (I can provide a Dropbox link with everything on it).
  • Add the text in the translation file

MEDIA_KIT

As an Editor, I want to schedule article with a time picker.

As an Editor, I want to be able to schedule an article with a time picker in addition to the date picker.

The UI doesn't need to be perfect because it's in admin side. In fact, you can use the Time Picker from Materializecss as we already use the Date Picker from the same framework.

It will require some back-end work. Unfortunately we don't have a seed file and you will have to manually edit the user in the database to set his role to ROLE_ADMIN or ROLE_SUPER_ADMIN. That's not optimal but probably the quickest way to do it.

Add a streaming planning

Add a streaming planning

Problems to solve

The Streamers of Game'Her want to be able to add schedule their streams into a planning without having to use something like google agenda, or twitch schedule, or some other website. They want to be able to add their streaming slots into the website Game'Her on the same base that our writers are doing.

Things to do

Admin Side

  • Create the streaming / planning page on the admin dashboard (this page is available only for ROLE_STREAMER_USER and ROLE_SUPER_ADMIN_USER). Be careful, a user can have multiple roles and can be Streamer and Rédacteurs (so he will need to have access to this page).
  • Create ROLE_STREAMER_USER
  • Create a form to add the streaming slot (information needed below) on the page you previously created
    • Stream Name
    • Game or Activity Name
    • Date and hours
    • Optional : a slot for image background

Website side?

  • Display a weekly streaming planning on https://gameher.fr/webtv or create a new dedicated page according to the difficulty
  • Only display the planning of the current week, hide others weeks by default. But we need an option to display the upcoming or previous weeks (slider, arrow, your choice be free).
  • Warning : we don't have UI for the planning keep in mind we are using materializecss so be consistent with their guidelines. A calendar form would be ideal, but if you have other propositions I'm open to it.

Want to contribute on this task?

If this task it to enormous we can explode it into several tasks but some depends on others.

Fix pagination when I'm on an author page

Expected Behavior

When I'm in the author page (https://gameher.fr/blog?author=AUTHORNAME) and when I click on the second page, I want to see all the articles written by THIS unique author.

Actual

When I'm in the author page and when I click on the second page (in the pagination), I can see all the articles written by all authors and not the selected one.

Steps to reproduce

  1. Go to https://gameher.fr/blog
  2. Select an article and click on the link of the author in the title
  3. At the bottom, click on the "2" or "3" from the pagination
  4. Boum, you have all the articles from the page /blog and they have nothing to do on the /blog?author=AUTHORNAME page.

Fix publication date

Capture d’écran 2019-08-12 à 17 34 38

The publication date is not the right one. On this example, the date supposed to be displayed is "August 11, 2019" and not "January 11, 2019".

Add "Actualités" page

We're introducing a new page named "Actualités" (French for news) dedicated to featuring articles tagged with "Game'Her." To maintain a consistent design, let's replicate the structure of the existing "Presse" page (https://gameher.fr/blog), but feel free to use a distinct color for differentiation.

Moreover, it's crucial to exclude articles with the "Game'Her" tag from the "Presse" page to streamline content presentation and avoid redundancy. This adjustment will enhance the overall user experience and ensure that the Game'Her content has a dedicated and distinct space.

Capture d’écran 2023-10-01 à 19 10 56

Linked to #169

As an admin I want to be able to see / delete / edit a user on the admin panel

As I'm an admin, I want to be able to see / delete / edit a user on the admin panel instead of do it on phpmyadmin.

Note that only the users with ROLE_ADMIN permission should be allowed to access this route and update another user's roles, and that only ROLE_SUPER_ADMIN should be allowed to edit the role from ROLE_ADMIN

Unfortunately we don't have a seed file and you will have to manually edit the user in the database to set his role to ROLE_ADMIN or ROLE_SUPER_ADMIN. That's not optimal but probably the quickest way to do it.

Redesign section 2 on Recruitment page

Expected: As a user when I hover the icons on the recruitment page I would like to see the description of the icon.
RECRUTEMENT (1)

Actual: We have the descriptions in hard copy and there is no hover effect.

Setup Continuous Integration

Is your feature request related to a problem? Please describe.
I am bit suprised I don't see any Continuous Integration (CI) on a matured-project like this.

By using CI, we could automatically:

  • lint yaml files, with bin/console lint:yaml config
  • lint Twig files, with bin/console lint:twig templates
  • lint Symfony container, with bin/console lint:container
  • run a static analysis tools for PHP, like PHPStan or Psalm
  • run tests for PHP, like PHPUnit, phpspec, or Behat...
  • lint the JS files, with ESLint
  • lint the CSS files with Stylelint
  • run tests for JS, with Jest or another tool
  • run Webpack Encore to see if the JS/CSS assets are buildable

If we run the CI for each pull request, we can prevent any regression to be shipped in production.

Describe the solution you'd like
Use GitHub Actions. I've used for many months and I'm really happy about it.

Describe alternatives you've considered
Use Travis but it's slow, or CircleCI but it's not free.

Additional context
Nope.

Remove duplicate member on About us page

When a member is part of 2 or more esport team, he appears twice on the about page.
Find a way to remove the duplicate member.

On the examples below, the member "Jonas Milan" appears on "Equipe principale" and on "Equipe Académique". So by default he appears twice on /about :
Capture d’écran 2019-10-16 à 15 31 57
Capture d’écran 2019-10-16 à 15 32 06
Capture d’écran 2019-10-16 à 15 32 21

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.