Code Monkey home page Code Monkey logo

react-testing-mosh's Introduction

Testing React Apps

This is the starter project for my Reacting testing course where you'll learn everything you need to know to effectively test React apps. You can find the full course at:

https://codewithmosh.com

About this Project

This is a React app built with the following technologies and libraries:

  • Auth0
  • Tailwind
  • RadixUI
  • React Router
  • React Query
  • Redux Toolkit

Please follow these instructions carefully to setup this project on your machine.

Setting up Auth0 for Authentication

  1. Sign up for an Auth0 Account:

    If you don't already have an Auth0 account, you can sign up for one at https://auth0.com/. Auth0 offers a free tier that you can use for your project.

  2. Create a New Application:

    • Log in to your Auth0 account.
    • Go to the Auth0 Dashboard.
    • Click on "Applications" in the left sidebar.
    • Click the "Create Application" button.
    • Give your application a name (e.g., "My React App").
    • Select "Single Page Web Applications" as the application type.
  3. Configure Application Settings:

    • On the application settings page, configure the following settings:
      • Allowed Callback URLs: http://localhost:5173
      • Allowed Logout URLs: http://localhost:5173
      • Allowed Web Origins: http://localhost:5173
    • Save the changes.
  4. Obtain Auth0 Domain and ClientID:

    • On the application settings page, you will find your Auth0 Domain and Client ID near the top of the page.
    • Copy the Auth0 Domain (e.g., your-auth0-domain.auth0.com) and Client ID (e.g., your-client-id).
  5. Create a .env.local File:

    • In the root directory of the project, you'll find a sample .env file. Make a copy and save it as .env.local.
    • Replace the Auth0 Domain and Client ID with the actual values you obtained from Auth0.

Running the App

Now that you have set up Auth0 and configured your environment variables, you can run the React app using the following commands:

# Install dependencies
npm install

# Start the development server
npm start

This will start the back-end process at http://localhost:3000. If port 3000 is in use on your machine, update the port number in the following files and run npm start again:

  • json-server.json
  • src/main.tsx

react-testing-mosh's People

Contributors

sharpwit 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.