React Authentication Project

Python

REST

Vite

React

Tailwind

Formik

This project is a React application built to demonstrate the use of Formik and Yup for form handling and validation, integrated with a Django backend using JWT authentication. It also includes React Router DOM for route protection, Axios for making HTTP requests, and Tailwind CSS for styling.

Features

• Form Handling: Uses Formik for managing form state and Yup for validation.
• Authentication: JWT authentication with Django backend.
• Protected Routes: Secures routes using React Router DOM.
• Styling: Tailwind CSS for responsive and modern UI.
• HTTP Requests: Axios for making API requests to the backend.

Tech Stack

• Frontend:

  • React
  • Formik
  • Yup
  • React Router DOM
  • Axios
  • Tailwind CSS

• Backend:

  • Django
  • Django REST Framework
  • JWT Authentication

Usage

• Form Submission: The application uses Formik for handling form state and Yup for validation. Forms include user registration and login.
• Authentication: JWT tokens are used for securing API endpoints. The frontend handles token storage and includes protected routes.
• Protected Routes: React Router DOM is used to protect routes based on user authentication status.

Contributing

Feel free to open issues or submit pull requests if you have improvements or bug fixes. Please ensure that your code adheres to the existing style and includes relevant tests.

Acknowledgments

• Formik
• Yup
• React Router DOM
• Tailwind CSS
• Django REST Framework
• Axios