About Project

This project/repository is a single page react app containing ReactJS exercises/competencies for the EvolveU Full Stack Developer Program.

The app consists of 7 mini apps rendered diferently on the main single page application by implementing conditional rendering depending on the icon selected from the icon menu.

Welcome App

Simple intro to create react app and implementation of the conditional rendering.

TicTacToe App

TicTacToe Game App

Accounts App

The app simulates a bank account management dashboard for creating and managing various bank accounts. It has functionalities for withdrawing and depositing into your various accounts and a display of your highest value and lowest value accounts.

Cities App

The app simulates a cities management dashboard for building and keeping track of a community. It can be used to keep record of various cities with their population and coordinates and displays details of the whole community.

Linked List App

Implementation of the Linked List Data Structure.

Stack/Queue App

Implementation of a Stack/LIFO (Last in First out) and a Queue/FIFO (First in First out). App makes use of call to Robohash API for displaying user profile components.

Theme Settings App

Theme settings app implemented using the React context API for switching from dark theme to light theme accross the entire single page application.

Resources

React Getting Started: https://reactjs.org/docs/getting-started.html

React Main Concepts: https://reactjs.org/docs/hello-world.html

React Tutorial(Building a TicTacToe Game): https://reactjs.org/tutorial/tutorial.html

Adding Bootstrap: https://create-react-app.dev/docs/adding-bootstrap

Importing a React Component (When to use curly braces): https://create-react-app.dev/docs/importing-a-component/

Migrating your front end to React - step by step: https://xebia.com/blog/migrating-to-react-step-by-step/

Linked List in JavaScript: https://codeburst.io/linked-lists-in-javascript-es6-code-part-1-6dd349c3dcc3

Robohash API: https://robohash.org/

Using React Context API: https://www.taniarascia.com/using-context-api-in-react/

React App Deployment: https://create-react-app.dev/docs/deployment/#github-pages-https-pagesgithubcom