Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/benmukebo/javascript-capstone

The name of the project is called Modern Technology News (MoTech News). MoTech News reads data from Spaceflights API service. to get updated news and populate them on the website. The application also leverage the Involvement API Service in order to allow users to leave comments and likes for a particular news. build with JavaScript, APIs, Tailwindcss.
https://github.com/benmukebo/javascript-capstone

css html javascript tailwindcss

Last synced: 7 days ago
JSON representation

Host: GitHub
URL: https://github.com/benmukebo/javascript-capstone
Owner: BenMukebo
Created: 2021-10-11T10:45:02.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-10-15T17:35:45.000Z (about 3 years ago)
Last Synced: 2024-12-27T07:51:31.607Z (15 days ago)
Topics: css, html, javascript, tailwindcss
Language: JavaScript
Homepage: https://benmukebo.github.io/javascript-capstone/
Size: 12.1 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 5
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Modern Technology News

> The name of the project is called **Modern Technology News (MoTech News)**. MoTech News reads data from [Inshortsapi API service.](https://inshortsapi.vercel.app/news?category=technology) to get updated news and populate them on the website. The application also leverage the [Involvement API Service](https://www.notion.so/microverse/Involvement-API-869e60b5ad104603aa6db59e08150270) in order to allow users to leave comments and likes for a particular news.

Gif Demo                                                                                                                                 |

:---------------------------------------------------------------------------------------------------------------------------------------:|

![](./src/assets/images/web-based-api.gif)                                                                                               |

Desktop view 1                               |Desktop view 2                               |Desktop view 3                               |

:-------------------------------------------:|:-------------------------------------------:|:-------------------------------------------:|

![](./src/assets/images/img1.png)            |![](./src/assets/images/img2.png)            |![](./src/assets/images/img3.png)            |

Mobile view 1                                |Mobile view 2                                |Mobile view 3                                |

:-------------------------------------------:|:-------------------------------------------:|:-------------------------------------------:|

![](./src/assets/images/img4.png)            |![](./src/assets/images/img5.png)            |![](./src/assets/images/img6.png)            |

Test Covereage                                                                                                                           |

:---------------------------------------------------------------------------------------------------------------------------------------:|

![](./src/assets/images/test-coverage.png)                                                                                               |

## Online version

[Demo](https://benmukebo.github.io/javascript-capstone/)

## Link to video

[Project explanation video](https://drive.google.com/file/d/1KPlcbsX3nQ8DPLIQ3ErletsJrqsyMWIF/view?usp=sharing)

## Built With

- HTML / CSS / JAVASCRIPT / WEBPACK

## How to run the program locally

- Clone the project: ```https://github.com/BenMukebo/javascript-capstone.git```

- Skip if you already have node installed otherwise download [nodejs](https://nodejs.org/en/download/) install it on your system

- Install the node modules: ```npm install```

- Run the app: ```npm start``` or ```yarn start```

## How to run the tests

- Clone the project: ```https://github.com/BenMukebo/javascript-capstone.git```

- Skip if you already have node installed otherwise download [nodejs](https://nodejs.org/en/download/) install it on your system

- Install the node modules: ```npm install```

- Run the tests: ```npm test```

## Author

👤 **Ben Mukebo**

- GitHub: [@BenMukebo](https://github.com/BenMukebo)

- Twitter [@BenMukebo](https://twitter.com/BenMukebo)

- LinkedIn [BenMukebo](https://www.linkedin.com/in/kasongo-mukebo-ben-591720205/)

## Collaborator

👤 **Muhammad Mustapha Sesay**

- GitHub: [@mmsesay](https://github.com/mmsesay)

- Twitter: [@DeeMaejor](https://twitter.com/DeeMaejor)

- LinkedIn: [LinkedIn](https://linkedin.com/in/muhammad-m-sesay)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- microverseinc for the readme template

- [Spaceflights API service.](https://api.spaceflightnewsapi.net/v3/documentation#)

- [Involvement API Service](https://www.notion.so/microverse/Involvement-API-869e60b5ad104603aa6db59e08150270)