/mycruds

MyCruds allow users create custom CRUDs on any topic. Manage lists effortlessly by adding, editing, and deleting items as needed.

Primary LanguageTypeScript

Demo

Principal Links

Introduction

MyCruds allow users create custom CRUDs on any topic. Manage lists effortlessly by adding, editing, and deleting items as needed.

After creating a CRUD, users can access a custom list according to the field filled during the CRUD creation, and can search for items about the topic created, create new items, edit, and delete when needed. In addition, after creating a crud the edition of it is available on anytime.

Features

  • Sign up
  • Sign in
  • Create a CRUD
  • Edit a CRUD
  • Delete a CRUD
  • List all CRUDs
  • List all CRUD items
  • Create a CRUD item
  • Edit a CRUD item
  • Delete a CRUD item
  • Search for a CRUD item
  • Logout

Technologies

Installation

  1. Clone the repository
git clone git@github.com:vertocode/mycruds.git
  1. Install the dependencies
npm run i
  1. Set the environment variables
cp .env.sample .env
  1. Run the application
npm run dev

Folder Structure

Folder Description
/public The public folder, where the logo, and images are located.
src/api The request functions that is made to get data from API.
src/app The main application folder, where the pages are located.
src/assets The application assets.
src/components The components used in the application.
src/hooks The application React custom hooks.
src/internationalization Folder with the dictionary in portuguese and english texts.
src/services The application services, where we have the API calls.
src/store The redux folder to store whole data like crud and user data.
src/types The application types to use with TypeScript.
src/utils The application utils where we have the common functions.

How to run lint

npm run lint

License

This project is licensed under the MIT License. See the LICENSE file for details.