Using React.js to build a Workout Planner that lets users follow a prescribed workout and track their progress. This will level up my skills in React components, state management, and hooks.

1. Full CRUD functionality (Create, Read, Update, Delete)
2. Smooth UI with FantaCSS
3. Fully responsive to screen size
4. Hosted & deployed online

Workout Brogram

*** Initially constructed following Smoljames' Youtube tutorial. https://www.youtube.com/watch?v=dKch_WrYwd4&t=2s

1. Added a dark/light theme toggle, fixed to upper right of view port.
2. Ideas for future modifications are as follows:
   1. Employ a SQL (or non SQL) database, rather than local storage.
   2. Convert to a mobile app, using React Native or Flutter.

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

download fanta.css from https://github.com/jamezmca/fantacss/blob/main/fanta.css

place the file here:--> /src/fanta.css

And import it into main.jsx as such:

import './index.css';
import './fanta.css';