This is an initial submission for a job interview coding test by Open Institute.

It is a React application coded from a Figma design located here.

The various parts of the interface have been broken down into different reusable components that work really well by just swapping in and out different prop values.

I also use Bootstrap to style the components. It is one of the best frontend development libraries for quickly putting together a basic site if time is of the essence. I have added some custom CSS styling to some components, particularly the Sign in and Registration forms and custom bullet list styles.

Clearly, a lot of improvements can be made, such as:

• Adding a more secure authentication mechanism from the likes of Oauth and Google
• Replacing placeholder images with real images from retribution-free sites such as Pexels
• Refactor the React components (I use function-based components and hooks) to be more reusable and modular, for example by taking in more props.
• Implement a global state object using useContext and useReducer to manage logged in state.

1. Clone the repository:

git clone https://github.com/dekarpaulvictor/open-institute-frontend-dev-test.git

2. If you have yarn installed, run yarn or yarn add at the root of the repo to install the app's dependencies.

   Alternatively, run npm install.

3. Run yarn start or npm run start to run the app.

   The app can be accessed at http://localhost:3000