/react-strapi-project

This single web page application was created to load school events information from strapi api over the react webpage application.

Primary LanguageJavaScript

Running Strapi API:

  1. Navigate to the backend-strapi-pepper-utkarsh-v1 directory in your terminal.
  2. Ensure you have Node.js and npm installed on your system.
  3. Run npm install to install the required dependencies.
  4. After the installation is complete, run npm run develop to start the Strapi server locally.
  5. Once the server is running, you can access the Strapi admin panel by opening http://localhost:1337/admin in your web browser.

Running React Frontend:

  1. Navigate to the frontend-react-pepper-utkarsh-v1 directory in your terminal.
  2. Ensure you have Node.js and npm installed on your system.
  3. Run npm install to install the required dependencies.
  4. After the installation is complete, run npm start to start the React frontend application.
  5. Once the server is running, you can access the React application by opening http://localhost:3000 in your web browser.

Accessing the Frontend:

  1. After starting both the Strapi server and React frontend, open your web browser.
  2. Enter http://localhost:3000 in the address bar and press Enter.
  3. You should now see the React application running, which will load school events information from the Strapi API.

Webpage UI