This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

Do you want to run this application locally on your system ?

To setup Frontend for local development go through the each step that mentioned below:

1. Install all dependencies that are neccessary to run this application.
2. Install appwrite on your system from https://appwrite.io/.
3. then set your appwrite's local domain name in 'endpoint' variable of src/utils/config.js file.
4. Create a project by going through the localhost:port in your appwrite locally.
5. and Get a project Id and save it to 'project' of src/utils/config.js.
6. and create few database collections in your appwrite by going through the localhost:port. collections must look like as shown below

5. Put collection ID of UsersInfo collection in 'collectionID' of src/utils/config.js.
6. and also put collection ID of Dev-Credential in 'devCredential' of src/utils/config.js.
7. and at the last run npm start in the root folder.

Here Frontend setup has finished but you might be thinking that there are some extra variables in src/utils/config.js for that I want say don't worry about them I created those variables for just testing purpose , Now let's go through Backend setup:

1. save ports numbers in 'FrontEndPort' and 'BackEndPort' of /express-server/config/keys.js for frontend port and backend port.
2. and also save entire URL of frontend and backend with port numbers in 'FrontEndPoint' and in 'APIsEndpoint' of /express-server/config/keys.js
3. and at the end run node ./index.js in express-server repository.

Now Backend setup has finished, but stop something is remaining to setup that's ClientId and ClientSecret in /express-server/config/keys.js

1. To get ClientId and ClientSecret you will have to create an account with Twitter Developer API :- https://developer.twitter.com/en/portal/petition/essential/basic-info
2. after getting Client Id and Client Secret from Twitter save it to 'ClientId' and 'ClientSecret' of /express-server/config/keys.js.
3. and also save redirect-URL in /express-server/index.js on line number 30 for 'callback' variable. redirect URL is that you saved for Twitter App while creating an App for Twitter project in Twitter Developer API account.
4. syntax to save redirect URL for this application in Twitter Developer API account must be :-> locahost:BackEndPort/twitterCallback.

Here are some images and videos for demo of InfoAbout Application.

Videos

Images

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.