meaningfulcode-frontend

KO | EN

gitlite — search

#hacktoberfest #react #typescript #android #deep-learning #linux #docker #macos #awesome #cli #vue #security #ios #openai

meaningfulcode-frontend

(★ 18)

Frontend for https://meaningfulcode.org, promoting open-source for good projects to contribute to.

meaningfulcode-frontend 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Meaningfulcode Logo](https://raw.githubusercontent.com/Meaningful-Code/meaningfulcode-frontend/develop/public/favicon-32x32.png)

# MeaningfulCode / frontend

This repository holds the frontend code of [meaningfulcode.org](https://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 **open-source** 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:

- ➕ Suggest impactful projects: Finding those is tough, this is the best way to help
  - Create a pull request on [meaningful-projects](https://github.com/Meaningful-Code/meaningful-projects) or use the [online form](https://meaningfulcode.org/submit-project)
- 💻 Contribute to the project: UI, Frontend, Backend. Feel free to ask on [Discord](https://discord.gg/KPAm7wd7fJ)
- ❤️ [Sponsor the development](https://github.com/sponsors/pixep)

But you can also...

- 🐛 [Report an issue](https://github.com/Meaningful-Code/meaningfulcode-frontend/issues/new?assignees=&labels=bug&template=bug_report.md&title=Bug%3A+)
- 💡 [Suggest a new feature](https://github.com/Meaningful-Code/meaningfulcode-frontend/issues/new?assignees=&labels=enhancement&template=feature_request.md&title=Feature%3A+)
- 💬 Or just let us know your thoughts on the [Discord](https://discord.gg/KPAm7wd7fJ)!

## Build

### Stack

The project uses:

- Frontend: [Next.js](https://nextjs.org/) with App router, [React](https://reactjs.org/), and [Material UI](https://mui.com/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](https://nodejs.org/en/download/package-manager/)
1. Install [yarn](https://classic.yarnpkg.com/lang/en/docs/install)
1. Clone this repository, and run `yarn install`

### Run locally without the backend

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
   ```

### Run locally with the backend

Note that the backend (`src/app/api`) is not available publicly for security reasons.

1. Checkout the `api` submodule: `git submodule update --init`

2. Set the appropriate environment variables in `.env.local` and add

```
   MEANINGFUL_DEV=1
   ```

3. Run with `yarn dev`.

#### Environment variables

- `REACT_APP_FORCE_API` environment variable can be set to

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

- `MEANINGFUL_DEV` forces using `localhost` for API endpoints

### Production build

To test a production build, simply run:

1. `yarn build`
1. `npm install -g serve`
1. `serve -s build`

## License

This project is licensed under GPL-v3.

meaningfulcode-frontend

meaningfulcode-frontend 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

meaningfulcode-frontend

meaningfulcode-frontend 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README