WDSSIgLandingPage made with ReactJS, HTML/CSS and Jquery

To Run it:

1. For development

To build this website, you will need to have Node >=6 downloaded and installed on your machine. You can get it here

2. Build a Create-React-App

Run npx create-react-app yourappname When the app building is finished run cd yourappname and run npm start to test it out. Hit ctrl+c in the terminal when you want to stop the server. For this project you will also need to install JQuery, ReactGA and ts-particles do this by running npm install jquery --save ,npm install react-ga --save and npm install react-particles-js --save in your terminal while inside your project folder.

3. Download the template

Once you have a React app up and running by following the steps above, download the code and replace the "public" and "src" folders of your newly built app with that you just downloaded.

4. Making Changes

Running npm start again will get you the website.

5. Updating the posts and json file.

Run the python file while being in the home directory to update the posts, html and the JSON file. The IG Api access tokens have been made using a testing facebook developer account. Use this guide to create a facebook developer account and create your own tokens. Update the access_token variable in public/LandingPage.py

6. Deploying

Ive tested deploying on Netlify, works fine, except the browser caches older versions sometimes so need to find a solution for that, i recommend using Netlify as react seems to not work using GitHub pages, or I just couldnt make it work

7. Dependencies

React Dependencies

react-ga

npm install react-ga --save

jquery

npm install jquery --save

react-particles-js

npm install react-particles-js

Python Dependencies

requests

pip install requests

BeautifulSoup4

pip install beautifulsoup4

Credits

Udemy Course

Projects in ReactJS: The Complete React Learning Course by Eduonix

warwickdatasciencesociety/WDSSIgLandingPage