A responsive front-end social news application connected to my backend news API server. This was project was built using React as part of a full stack solo-project during the Northcoders bootcamp.
https://nc-news-ea.netlify.app
and view the back-end api hosted at: https://enams-news-api.onrender.com/api/articles
- To set up this project locally, run:
git clone https://github.com/Enamulali/enams-nc-news.git
- Now navigate inside the folder
enams-nc-news
cd enams-nc-news
-
Run
npm installto install dependencies. This may take a few minutes. -
Run
npm startto run the app. This is available on
http://localhost:3000/
You can now run the application as native android and iOS apps. Built using CapacitorJS.
Android
1. You should have android studio installed on your machine. Check here: https://developer.android.com/studio.
iOS
1. You should have XCode installed on your machine. You can install using the Apple App Store on your Mac. Check here: https://apps.apple.com/us/app/xcode/id497799835?mt=12
- You should install Xcode command line tools:
xcode-select --install
- Install Homebrew to install Cocoapods:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- Install Cocoapods:
brew install cocoapods
- Install Cocoapods without Homebrew:
sudo gem install cocoapods
For further support refer to capacitor environment setup docs
-
Run
npm installto install dependencies. This may take a few minutes. -
Build a local version of the app, using:
npm run build
- Sync your built web application to your native project, using:
npx cap sync
- To open the project in Xcode, run:
npx cap open ios
To open the project in Android Studio, run:
npx cap open android
- To run the project on a device or simulator, run:
npx cap run ios
npx cap run android
After opening the app, you are greeted with with a homepage, from which you can navigate the app.