Git Product home page Git Product logo

strydes_hospital's Introduction

Overview

This is an extended version of React template from Stellar Minore Open-source Template, If you are looking for more simplified version with folder structure and without RTK setup, Check them out here at https://bitbucket.org/stellar-minore/react-template

Details

Initial template for projects that are running with:

  • React
  • Tailwind-css
  • Redux Toolkit
  • SASS Modules (.module.scss)
  • Eslint / Stylint configured

Folder Structure:

Screen Shot 2022-11-22 at 7 43 26 PM

Out Of The Box:

  • Auth (Login/Register) pages without any styles to get you going with Authentication.
  • Navbar without any styles. You can Customize it according to your needs.
  • Private/Public Components to handle the protected routes functionality for client-side.
  • Custom Axios Instance (Supports JWT handling Access-tokens/Refresh-tokens).
  • SASS variables and mixins at one place /utils/sass

Redux Toolkit:

  • Already covered with login, register, logout, verifyUser slices.
  • Connected with Axios Instance to handle all API calls.

If your app requires auth, you might not have to deal with all the boilerplate for RTK and start working on rest of flow.

Tokens Authentication Flow:

  • Structure is already built to deal with http-only cookies (Refresh-tokens).
  • While Access-tokens are stored in localstorage.
  • I know Localstorage is not safe to store tokens so template already has a support to deal with Rotating-refresh-tokens. You can read about the concept here: Rotating Refresh Tokens.
  • Make sure you have set the expiry for Access-tokens less then 30s for better security.

To use the template (Make sure to use latest Node Version):

 git clone https://github.com/kazmi066/react-tailwind-rtk-starter
 cd react-tailwind-rtk-starter
 npm i
 npm start

strydes_hospital's People

Contributors

scentre avatar xynotee avatar

Watchers

 avatar

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.