{"id":26091809,"url":"https://github.com/adamspd/paint-pixel-react","last_synced_at":"2025-03-09T10:24:07.531Z","repository":{"id":64083481,"uuid":"565874611","full_name":"adamspd/paint-pixel-react","owner":"adamspd","description":"Paint Pixel React Project","archived":false,"fork":false,"pushed_at":"2022-12-07T23:25:07.000Z","size":11216,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-01T23:28:05.446Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adamspd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-11-14T14:08:04.000Z","updated_at":"2022-12-04T21:14:46.000Z","dependencies_parsed_at":"2023-01-14T21:30:55.994Z","dependency_job_id":null,"html_url":"https://github.com/adamspd/paint-pixel-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamspd%2Fpaint-pixel-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamspd%2Fpaint-pixel-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamspd%2Fpaint-pixel-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamspd%2Fpaint-pixel-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adamspd","download_url":"https://codeload.github.com/adamspd/paint-pixel-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242676079,"owners_count":20167656,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-09T10:24:07.050Z","updated_at":"2025-03-09T10:24:07.516Z","avatar_url":"https://github.com/adamspd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pixel Art - Paintpixel\n\nThe goal of the project is to have a collaborative game (with authentication) in which users draw on different canvases at defined intervals.\nThe application provides a light and a dark mode according to the user's wishes\n\nOn The Home Page we can see the number of registered users, the number of pixels board to create, connect and create an account.\n\nIn this Project You can :\n- see the number of registered user\n- see the number of created pixelboard\n- create your own account\n- Login\n- change Theme (dark/light mode)\n- create a pixel Board on which every authenticated user can participate\n- list your pixel Boards\n- list all pixel Boards (title, size, author)\n- contribute on any existing pixel board\n- Logout\n\nContribution on a pixel Bord : \n* selecting a color\n* hovering over the pixelboard to see what will result when you click\n* click on the pixel that interests you)\n\n\n### Authors\nJudicaêl Nshimiye - Judicael99\nAdams Pierre David - adamspd\n\n### Website\nThe Project is deployed on [https://paintpixel.adamspierredavid.com](https://paintpixel.adamspierredavid.com).\n\nTo do so, we created a subdomain of a domain name own by Adams, then we build the files with `npm run build`, used the command scp to copy the resulted files to Adams' private personal server where he previously installed nginx. Then we edit the configuration of nginx to indicate the location of the files to serve when the subdomain is requested and restarted nginx.\n\nFor mongodb, we used a docker container version, both locally and on production.\n\n#### Problems you may encounter\nSometimes, we don't know the reason, we can still see the homepage when requested, but we cannot create an account or login, because axios is unavailable. If you see 0 user registered and 0 pixel board created, then axios is down and nothing can be done on the website. It resolves on its own, that is what is strange.\n\n##  Installation\n\n`npm i` at the the Root \u0026 `npm i` in the 'server' directory\n\n## Projet Launch\n\n### `npm start` (For The client )\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm start` or `npm run dev` (For the server)\n\nmove to 'server' directory and run npm start or npm run dev to launch the server\n\n###  `docker-compose up` (DataBase)\nmove to 'mongoDB' directory and run docker-compose up to run the database container\n\n## Database inspection \n\n### `docker exec -it mongopp bash`\n\nto interact|enter the container ('mongopp' is the container-name); \nInside the container you can run 'mongosh' to interract with the database;\n\ncollections(pixelboard, user) are in `test` database\n\n#### Ps\nThe project could not be completed due to the lack of staff in the group\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamspd%2Fpaint-pixel-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadamspd%2Fpaint-pixel-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamspd%2Fpaint-pixel-react/lists"}