Awesome
Women Life Freedom
We stand in solidarity with Iranian women!
#MahsaAmini #WomenLifeFreedom #IranRevolution
Anahita React
This project is a front-end Client developed using React Material-UI for Anahita. We are currently using this app for our live website, but please remember that this repository is under active development.
You can join the Anahita tribe and then follow the Anahita Project group for more information.
Installation
Make sure you have already installed:
To install, first clone this repository on your development machine and then run the following commands:
$ yarn install
$ cp .env.sample .env
Edit the .env file as follows:
| ENV key | value |
|---|---|
| PUBLIC_URL | URL string to the Reac App on your machine. It usually is http://localhost:3000 |
| REACT_APP_NAME | A string value for the name of your App, for example: Anahita |
| REACT_APP_DESCRIPTION | A string value for the description of your App, for example: Social Networking Platform & Framework |
| REACT_APP_API_BASE_URL | URL to your local Anahita installation, for example: https://anahita.localhost |
| REACT_APP_GOOGLE_ANALYTICS | On a live installation, your Google Analytics code goes here, for example UA-000000-0 |
| REACT_APP_GOOGLE_MAPS_API_KEY | Google Maps API Key |
| REACT_APP_NOTIFICATIONS_CHECK_INTERVAL | Integer value representing time in milliseconds to check for the number of new notifications. A reasonable number would be 15000 |
| REACT_APP_ASSETS | An (optional) string value for the name of your custom assets directory that goes under the src/assets/ directory. If you leave this field empty, the default assets directory is used. |
| DISABLE_ESLINT_PLUGIN | true on Staging and Prod servers, false for development environment |
| REACT_APP_SIGNUP_CLOSED | true to hide Signup form, false to show the signup form |
Now run the following command to start the App.
$ yarn start
The app starts running under the PUBLIC_URL value, usually http://localhost:3000. You may need to set the CORS values in Anahita configurations.php file so you can make API calls to your Anahita REST API.
Installation on Amazon Amplify
You can connect Amazon Amplify to your repository, and it will automatically pull the code and build it. You don't need to use a .env file and instead create Environment Variables using the Amazon Amilify interface. You may need to copy the content of amplify.yml to Amazon Amplify's configuration for the build to be successful. You can set up Anahita on AWS EC2 instances, Load Balancers, and Route53 to build an API endpoint, for example, https://api.yourdomain.io, and use this URL for the REACT_APP_API_BASE_URL variable in Amazon Amplify. You can configure Amazon Amplify and AWS Route53 to point http://www.yourdomain.coom to your Amplify apps, and you will get a Client-Server setup working.
Credits
Anahita is developed and maintained by rmdStudio Inc., a software development company in Vancouver, Canada. We develop apps for the scientific, healthcare, and industrial sectors.
This project was bootstrapped with Create React App.
Below you will find some information on how to perform common tasks.<br> You can find the most recent version of this guide here.