Data Stream Full-stack Code Challenge

This project is a React-based frontend for the Data Stream App. It showcases a UI for displaying projects and their associated data streams in a paginated manner.

Getting Started

Follow these steps to set up and run the project locally.

Prerequisites

Before you begin, ensure you have the following installed on your system:

Git
Node.js (version 12 or later)
npm (usually comes with Node.js) or yarn

Getting Started

To get a local copy of the frontend up and running, follow these simple steps.

Installation

Clone the repository:

git clone https://github.com/AYOMITIDE-OAJ/data-stream-app/

Navigate to the frontend directory

After cloning, change your directory to frontend/datastream :

cd data-stream-app/frontend/datastream

Install dependecies

Next, install the project dependencies using npm or yarn:

Using npm:

npm install

Using yarn:

yarn install

Environment Variables

Create a .env file in the root of frontend/datastream to store your environment variables. For example, if you need to connect to a backend server, you might have something like this:

REACT_APP_API_BASE_URL=http://localhost:5000

Running the app in development mode

To run the project, use the following command:

Using npm:

npm start

Or using yarn:

yarn start

This will run the app in the development mode. Open http://localhost:3000to view it in your browser.

Building the app for production

To build the app for production to the build folder, use:

Using npm:

npm run build

Or using yarn:

yarn build

This correctly bundles React in production mode and optimizes the build for the best performance. Your app is ready to be deployed!

Learn More

To learn more about React, check out the React documentation.