React Test

This is an assessment to test the fundamentals of react, which include but are not limited to :

State
Store
Reducers
Actions
Action creators
Function Expressions (and how they differ from function declarations)
References
Process of variable and function declaration
Order of evaluation
Object & array instantiation
Assigment and mutation

Built With

ReactJS (Create React App) : Allows one to Create React apps with no build configuration. https://create-react-app.dev/
Javascript : Programming language mostly used for building web pages.
Bootstrap : A free and open-source CSS framework directed at responsive, mobile-first front-end web development https://getbootstrap.com/
font-awesome : a font and icon toolkit based on CSS and Less https://fontawesome.com/
PopperJS : A tooltip & popover positioning engine. [https://popper.js.org/] (https://popper.js.org/)
node-sass : It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware. [https://www.npmjs.com/package/node-sass] (https://www.npmjs.com/package/node-sassr)
Axios: Promise based HTTP client for the browser and node.js https://www.npmjs.com/package/axios
react-redux : library for managing application state. https://react-redux.js.org/
redux-thunk : Thunk middleware for Redux. Used for running redux asynchronously https://github.com/reduxjs/redux-thunk
react-router-dom : A routing library for reactjs https://reactrouter.com/web/guides/quick-start

Folder structure

src 
└───Components
│   └───Example
│       │   Example.js
│       │   Example.scss
│   └───Example2
│       │   Example2.js
│       │   Example2.scss
|
└───Page-components
|   └───Example
│   │   |───Example.js
│  
└───State
│       │───ExampleReducer.js
│       │───Store.js
└───Services
│       │───ExampleServicejs
|
└───Pages
│   └───Example
│       │   
│       └───Example.js
│       │   
│       └───Example.scss
|

Live Demo

link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

- NodeJS required

Setup

Clone the Repository

Install

Navigate to the ti-react-test folder cd ti-react-test
Run npm install . This will install all the dependencies needed for the project

Usage

Navigate to the ti-react-test folder cd ti-react-test
Run npm start . This will initialize the web app

Known bugs

Notification Component is not working

commit headers

[FEATURE] - New Feature
[ENHANCEMENT] - Improvement of an existing feature
[FIX] - bug fixes of existing features
[CHORE] - remove unneccessary bugs

Support and contact details

Contact me on brianwachira7@gmail.com for any comments, reviews or advice.

License

This project is licensed under the terms of the MIT license.

You can check out the full license here

brianwachira/ti-react-test