Coder Social home page Coder Social logo

livewithcodeankit / react-curd-with-authentication Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 1.0 331 KB

This is a small React web application that includes various features such as registration, login, URL restriction, age calculator, currency calculator, user listing, and CRUD operations for registered users. The application utilizes React Validation with Formik and Yup for registration form validation and employs Tailwind CSS for styling.

HTML 5.60% JavaScript 93.75% CSS 0.65%
html-css-javascript javascript react reactrouterdom tailwindcss

react-curd-with-authentication's Introduction

Small React Web Application

This is a small React web application that includes various features such as registration, login, URL restriction, age calculator, currency calculator, user listing, and CRUD operations for registered users. The application utilizes React Validation with Formik and Yup for registration form validation and employs Tailwind CSS for styling.

Features

  • Registration: Users can register by filling out a registration form that includes validation using React Validation with Formik and Yup.
  • Login: Registered users can log in using their credentials.
  • URL Restriction: Certain URLs or routes may have restricted access based on user roles or permissions.
  • Age Calculator: Users can calculate their age by providing their birthdate.
  • Currency Calculator: Users can perform currency conversions using the provided currency exchange rates.
  • User Listing: Registered users are listed, displaying their basic information.
  • CRUD Operations: CRUD (Create, Read, Update, Delete) operations can be performed on registered users.

Technologies Used

  • React
  • React Validation with Formik and Yup
  • Tailwind CSS

Installation

To run the application locally, follow these steps:

  1. Clone the repository: git clone [repository-url]
  2. Navigate to the project directory: cd [project-directory]
  3. Install the dependencies: npm install
  4. Start the application: npm start

Usage

Provide instructions on how to use or interact with the different features of the application.

Contributing

Specify guidelines for others who wish to contribute to the project or mention if contributions are not currently accepted.

License

Include information about the license under which your project is distributed (e.g., MIT License, Apache License 2.0).

react-curd-with-authentication's People

Contributors

livewithcodeankit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

racggu

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.