A Vue 3 app that to allows you to search for articles, filter and read them

by Vue.js Examples

This is a Vue 3 app that to allows you to search for articles, filter and read them.

View Live

About the development process

It was my first Vue project, and despite being a simple project I had to learn Vue and Nuxt in the process.

At first, I wasn’t sure if I could do it with the same skill I have with React, so I decided not to do it and focus on developing other projects, but on the last day, I decided to challenge myself and found the courage to build it.

I had to learn how to use the Nuxt Routing, Vuex, Vue 3, Nuxt and how to use different modules like axios to consume WordPress API in just few hours, and the most challenging part was VueX state management, like Redux in React, it need some time and patience to implement the store and implement and use the actions and mutations.

The project was made using the following tools and standards for good development experience and good code quality:

  • Commitlint to check the commit message following Angular’s style.
  • lint-staged to ensure no lint or TypeScript errors were committed.
  • Prettier to format the code following the ESlint Standard.

Note 1: Although it not followed gitflow, I tried to follow the best practices for git commits.

Note 2: Tests were also where not implemented because that would demand more time.

Built With

Getting Started

Vercel Deploy

Prerequisites

This project use yarn as package manager.

Installation

  1. Clone the repo 
    git clone https://github.com/rafae2k/nuxt-coodesh-investty
  2. Install NPM packages 
    yarn install
  3. run dev server 
    yarn dev

Roadmap

  • Components

    • Articles Card
    • Pagination
    • Search Input

  • Pages

    • Home
    • Article //Dynamic route

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

GitHub

View Github