https://github.com/jdegand/sfpopos

Make School Tutorial Rework - SFPOPOS
https://github.com/jdegand/sfpopos

makeschool react react-router

Last synced: 6 months ago
JSON representation

Make School Tutorial Rework - SFPOPOS

• Host: GitHub
• URL: https://github.com/jdegand/sfpopos
• Owner: jdegand
• Created: 2022-01-07T21:08:43.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-08T18:45:57.000Z (over 4 years ago)
• Last Synced: 2025-03-15T19:49:16.125Z (over 1 year ago)
• Topics: makeschool, react, react-router
• Language: JavaScript
• Homepage: https://jdegand.github.io/sfpopos/
• Size: 1.76 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
React Fundamentals - SFPOPOS




   Tutorial from  makeschool.org.



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [Improvements](#improvements)

- [Useful Resources](#useful-resources)

## Overview

MakeSchool was a coding bootcamp that went under.  Most content was made free and I found this and decided to follow along.

[Live Link](https://jdegand.github.io/sfpopos/)

![](./sfpopos-homepage.png)

![](./sfpopos-about-page.png)

![](./sfpopos-search.png)

![](./sfpopos-detail-page.png)

![](./sfpopos-mobile.png)

### Built With

- React

- React Router 6

## Features

Updated from React Router 5 to 6.

## Improvements

- Styling

- Performance

- Accessibility & better semantic HTML

- Use real API for data

- placement of images - better for webpack

### Resources 

- [Stack Overflow](https://stackoverflow.com/questions/68362865/missing-isactive-prop-on-navlink-of-react-router-v6) - activeClassName doesn't exist in v6

- [Stack Overflow](https://stackoverflow.com/questions/63471931/using-history-with-react-router-dom-v6) - useHistory is now useNavigate