Welcome to the Form Management Project! This project is designed to demonstrate various form management techniques, including the reducing pattern, advanced state management, and local data persistence. By integrating technologies such as localStorage, custom hooks, reactstrap, styled-components, axios for making POST requests (to display user info), yup for form validation, and react-router for navigation, this project provides a comprehensive example of form handling in a React application. Additionally, I added a todo list application and its state is managed by React-Redux. Additionally, there is a settings mode in the todo list application that can manage the background color and general styling of the application. The entirety of this application is a work in progress, therefore I will be adding as I go along.
- Data persistence using
localStorage - Custom hooks for efficient state management
- Integration of
reactstrapcomponents for a visually appealing UI - Utilization of
styled-componentsfor enhanced styling flexibility - Making POST requests with
axiosto display user information - Form validation powered by
yup - Navigation between different views using
react-router - React Redux is utilized to maintain state in App-3
- Create React App (CRA)
- localStorage
- reactstrap
- styled-components
- axios
- yup
- react-router
- [react-redux]
Before you begin, make sure you have the following installed on your machine:
- Node.js: You can download it from here.
- Clone the repository:
git clone https://github.com/your-username/form-management-project.git
- Navigate to the project folder:
cd form-management-project
- Install dependencies:
npm installTo start the application, run the following command:npm run start
This project is licensed under the MIT License.
I hope you find this project insightful and educational! If you have any questions or feedback, please don't hesitate to get in touch. Happy coding! 🚀