Introduction
This repository contains collection of full stack react projects to capture my experiments and learnings.
Projects
Counter App is just to practice following concepts.
- Simple UI practice with material ui
- Redux usage with react and typescipt
Grocery Tracker
- This app is built to track grocery shopping
- This app will be using material ui
- Redux for central state management
Multiple TODO List App
- This app is built to maintain and keep track of multiple todo list
- This app will be using material ui
- Redux for central state management
- This app will have backend written in Spring boot and Monogo DB
- This app will be secured by Keycloak OAuth 2.0 login
MUI Dashboard App
- This app is built to practice complex mui layouts.
Tailwind CSS demo
- This app is built to practice usage of tailwind css.
This repository will follow folder structure as below.
- There should be a parent folder for whole full stack app.
- This parent folder will contain one front end app (react-app) folder.
- This parent folder may contain one or may other folder for back end app to support a front end app.
Folder structure will look like this
—-master-folder/ # master folder
|
|
|
—-README.md # master readme file
|
|
|
——- |
——Full-stack-app/ # particular full stack app
|
|
——- |
——README.md # full stack app readme file
|
|
——- |
——- |
———- Front-end-app/ # front-end app folder
|
——- |
——- |
———- Back-end-app / # back-end app folder
|