farisNassif / hackernews_frontend

HackerNews frontend clone built with Angular 9 using the official firebase HackerNews API.

Home Page:https://frontend-hackernews.herokuapp.com/stories/new

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contents

About

Built with Angular 9, the aim of this project was to redesign and restructure the official Hackernews front page with help from the Hackernews API.

Running the Program

Clone this repo and run npm install to install all the dependencies.

Once the dependencies are installed, you can run npm start to start the application.

App will be live at localhost:4200 (Or alteratively Here)

Testing

Clone this repo and run ng test to run the unit tests.

Running ng test --no-watch --code-coverage will also give an overview of the code covered by tests.

Future Improvements

Conclusively, what was set out to be accomplished was achieved. However there is scope for improvement within the project, here are some areas I would change or improve in future iterations;

  1. Search Functionality - The ability to search for specific keywords or articles is something I would like to see since it would smoothen the overall user experience.
  2. Additional Page Functionality - There are areas of the page that could use some love, space on the page could be utilized allowing for additional components to exist alongside the stories.
  3. Test Coverage - While the significant units of the application are covered by tests, there are areas that are lacking in testing, I would make sure to include at least some more tests to address this.
  4. Mobile Friendlyness - Following deployment, I noticed that some features don't work as intended on mobile, especially the header. I would include some CSS/SCSS to make sure it appears as intended on mobile devices.

Relevant Links

About

HackerNews frontend clone built with Angular 9 using the official firebase HackerNews API.

https://frontend-hackernews.herokuapp.com/stories/new


Languages

Language:TypeScript 66.7%Language:HTML 11.8%Language:SCSS 9.7%Language:JavaScript 7.3%Language:CSS 4.4%