9 Projects You Can Do To Become Frontend Master


Share

Introduction

To help you become frontend masters in 2020 i have collected 9 different projects each with a distinct topic and a different JavaScript framework or library as a tech stack that you can build and add to your portfolio. Remember nothing helps you more than actually building stuff so go ahead, sharpen your mind and make this happen


1. Build a Movie Search app using React (with Hooks)

Building this application you will improve your React Skills using the relatively ne Hooks API. The example projects make use of React components, many hooks, an external API, and of course some styling via CSS


2. Build a chat app with Vue

Following this tutorial,you will learn how to set up a Vue app from scratch,creating components,handling state,creating route, connecting to a third party serviceand even handling authentication.


3. Build a beautiful weather app with angular 8

This project will teach you valuable skills such while creating an application from scratch, starting with the design over development all the way to a production - ready deployment.


4. Build a to-do app with Svelte

This tutorial will show you how to make an app using Svelte 3 from start to finish. It makes use of components, styling and event handlers .


5. Build an e-commerce shopping cart with Next.js

In this project, you will learn how to set up a Next.js development environment, create new pages and components, fetch data,style, and deploy a next application.


6.Build a Blog with Gatsby

In this tutorial, you will learn how to leverage Gatsby to build an outstanding blog that you could well use for writing your own articles while making use of React and GraphQL.


7.Build a full -blown multi-language blog website Nuxt.js

Tech Stack & Features
Nuxt.js
Components and pages
Storyblok module
Mixins, Vuex for state management
SCSS for styling
Nuxt middlewares


8. Build a Blog with Gridsome

Tech Stack & features
Gridsome
Vue
GraphQL
Markdown, Netlify


9. Build a SoundCloud-like audio player app with Quasar

Tech Stack & Features
Gatsby
React
GraphQL


Share Author Section