Demo React frontend app serving articles from backend app NC-News-API
https://leprisnews.netlify.com/
This React web app enables to view and add articles, additionally users can comment them and vote up and down just like in Reddit.
Great functionalities:
- Defining topics
- Creating articles
- Commenting
- Voting on articles and other users comments
| User roles | Guest | Authenticated User |
|---|---|---|
| View Articles | OK | OK |
| Add Articles | X | OK |
| Delete Articles | X | OK |
| Vote on Articles | OK | OK |
| View Topics | OK | OK |
| Add Topics | X | OK |
| Delete Topics | X | OK |
| View Comments | OK | OK |
| Add Comments | X | OK |
| Delete Comments | X | OK |
| Vote on Comments | OK | OK |
Demo React frontend app using which uses ReachRouter for navigation and Axios for handling backend API requests.
NC-NEWS API: https://github.com/lepris/NC-News
React: https://reactjs.org/
ReachRouter: https://reach.tech/router
Axios: https://github.com/axios/axios
To run the project locally
- npm
npm install npm@latest -g
or
- yarn
Follow Yarn installation instructions
https://yarnpkg.com/en/docs/install
- Clone the repo
git clone [email protected]:lepris/NC-News-Front.git
- Install dependencies
npm install
or
- yarn
yarn
Run the app locally
npm start
For app deployment follow your specific service provider instructions.
Any contributions are extremely welcome.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature) - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
LinkedIn: www.linkedin.com/in/lepris
Project Link: https://github.com/lepris/NC-News
STACKEDIT https://stackedit.io
APIARY https://apiary.io