Code Monkey home page Code Monkey logo

meaningful-code / meaningfulcode-frontend Goto Github PK

View Code? Open in Web Editor NEW
14.0 3.0 1.0 3.79 MB

Frontend code for https://meaningfulcode.org, to promote open source projects with a social impact, that people can contribute to.

Home Page: https://meaningfulcode.org

License: GNU General Public License v3.0

CSS 4.60% TypeScript 86.04% Shell 0.15% JavaScript 9.20%
meaningful meaningful-contributions react open-source social-impact mui accessibility education environment frontend

meaningfulcode-frontend's Introduction

Meaningfulcode Logo

MeaningfulCode / frontend

This repository holds the frontend code of meaningfulcode.org.

The full list of projects can be seen at https://github.com/Meaningful-Code/meaningful-projects.

The goal of this website is to promote meaningful and opensource projects looking for new contributors, willing to make a difference. Projects are regrouped in different categories: Health, Education, Environment, Society, and Humanitarian.

Contributing & Supporting

Contributors are very welcome, to help us you can:

But you can also...

Build

Stack

The project uses:

  • Frontend: Next.js with App router, React, and Material UI with Typescript.
  • Backend (available separately): Node & Express (Typescript), AWS Lambda & DynamoDB.
  • Hosting: the full solution currently runs on Vercel.

The rest of the instructions on this page focus on the frontend.

Setup

The following steps guide you to setup your environment

  1. Install Node 20
  2. Install yarn
  3. Clone this repository, and run yarn install

Development build

  1. Configure the frontend to use local stub data by creating a .env.local file containing

    REACT_APP_FORCE_API=stub
    
  2. Run the development server with yarn dev. You should see:

    yarn run v1.22.19
    $ next dev
    โ–ฒ Next.js 14.0.4
    - Local:        http://localhost:3000
    - Environments: .env.local
    
    โœ“ Ready in 1059ms
    

Environment variables

The REACT_APP_FORCE_API environment variable can be set to

  • stub,
  • local, API expected at http://localhost:3001,
  • or prod.

Production build

To test a production build, simply run:

  1. yarn build
  2. npm install -g serve
  3. serve -s build

License

This project is licensed under GPL-v3.

meaningfulcode-frontend's People

Contributors

dependabot[bot] avatar pixep avatar scottplusplus avatar tbird20d avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

tbird20d

meaningfulcode-frontend's Issues

Meaningful project: AgAtAb - bridge over the digital canyon

Project information

How to contribute?

many

one of this:
build a sandbox like environment for AgAtAb the (hypothetical) "offline" tablet

other of this:
build a deficit-collecting app with a deep entrance and a high level of fun

Additional context
Anything else worth mentioning?

this is
THIS THING
was hidden yesterday - bring it up!
Zivilgesellschaft im Landtag

New project submission: STAR Voting

Name: STAR Voting
Website: https://www.starvoting.us/
Repository: https://github.com/Equal-Vote/star-server
Category: Society
Description: STAR Voting evolves our voting method from choose-one / lesser-of-two-evils, to allow voters to give candidate a score from 0-5. This elects candidates who are more unifying and better represent the values of the voters.

We are building a site that lets organizations run elections using STAR Voting, to help spread this voting method to the country.

Bug: incompatible lastCommitDate format on Firefox

Hello.

Here's a excerpt of a project object returned by the API:

{
  "url": "https://github.com/covid19india/covid19india-react",
  "websiteUrl": "https://www.covid19india.org",

  "lastUpdate": 1607332409,
  "lastCommitTime": "2020-11-22 05:54:08 +0000 UTC",
}

The date format of the lastCommitTime field is not ISO8601, which results in Date.parse always returning NaN on Firefox, which in turn displays Never on the UI.

What about using a timestamp like in the lastUpdate field to avoid any trouble?

Thanks

New project submission: HardenedBSD

Name: HardenedBSD
Website: https://hardenedbsd.org/
Repository:
Category: Human Rights
Description: HardenedBSD implements strong exploit mitigations and security hardening technologies on top of FreeBSD, with a direct focus on the nexus between human rights and information security. HardenedBSD is the first (and only) enterprise operating system to have every part of its public infrastructure accessible by human-rights focused technologies like Tor Onion Services.

Meaningful project: Decidim

Project information

  • Name: Decidim
  • Website: https://decidim.org
  • Category: Society
  • Source repository: github.com/decidim/decidim

How is this project meaningful/impactful?
Decidim is a free open-source participatory democracy platform for cities and organizations. It is a website on which a city, an organization, a company can deploy. Participants can send proposals, amend them, make participatory budgets, online votes and sorting etc.

The platform has more than 15 modules maintained, and a strong community with more than 300 cities or organizations on it.

How to contribute?

Additional context
Anything else worth mentioning?

Feature: Project locality

Some projects are aimed at a specific region or country. Provide a way to highlight this for easier search, and to allow better recommendations.

Meaningful project: The Physics Hub

Project information

How is this project meaningful/impactful?
The Physics Hub is an open source physics simulations project that is being developed by physics students worldwide and aims to deliver clear and easy to understand physics simulations free for everyone!

How to contribute?
Any contribution is very welcome! You can create issues about your ideas and suggestions or you can join our Discord community and we will be happy to discuss your contribution!

Additional context
Feel free to reach out to the admin on Discord!

Meaningful project: scaphandre

Project information

How to contribute?
Code, documentation, blog posts, organization of the community, ways to contribute are many.
Here is the contributing guide: https://hubblo-org.github.io/scaphandre/contributing.html

Additional context
Scaphandre intends to make measuring and then understanding the energy consumption of tech services easier.
You can only manage what you understand and it seems to us like a very important first step towards a more sustainable tech industry.
Some concrete examples of the metrics you can gather and use thanks to scaphandre: https://metrics.hubblo.org

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.