Project : Quotes App

Description

Project aims to create a Quotes App with react-router version 6 (not v6.4 and up)

Start Project

pnpm install

pnpm run dev

Live Demo

• https://inclass-firecontact.web.app

Objective

Build a Quotes App using ReactJS.

At the end of the project, following topics are to be covered;

• ReactJS
• React router v6.6

At the end of the project;

• improve coding skills within HTML & CSS & JS & ReactJS.

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

• configure the app to firebase

• prepare for deploy on the production

• deploy to production by firabase cli

Steps to develop project

• Project Setup & Installing React Router

• Configuring your project to firebase

• Defining Routes

• Navigating between Pages with Links

• Creating Layouts & Nested Routes

• Showing Error Pages with errorElement

• Implementing Navigation Links(NavLink)

• Navigating Programmatically

• Defining Dynamic Routes

• Benefit from Index Routes

Used Libraries, built tools and Hoisting Service

• React

• Vite

• React Router Dom

• Firebase