/hackerNewsClone

a hacker news clone built with vue.js and has realtime updates

Primary LanguageVue

hackerNewsClone

This is a hackerNews Clone built with vue.js and hackernews api It has support for realtime updates And cool flip animation whenever changes occurs

It is often said to become an expert, you should continue to practice. This is one of my "practice project"

check it out on hack-news.netlify.com

preview

What i learnt building this project

  • Understanding asynchronous operations in javascript(promises and async/await)
  • How to work with firebase realtime database(subscribing and unsubscribing to events/changes)
  • Routing in vue.js (dynamic routing--different routes same components)
  • implementing recursive components in vue(was realy helpful in building the comment component)
  • working with vuex for state management
  • Transitions in vue.js (used to implement the flip animation)
  • responsive design

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint