https://github.com/vishwac09/aws-practice-questions
Practice AWS Certification questions on the React application
https://github.com/vishwac09/aws-practice-questions
aws aws-cloud-practitioner html5 react react-app react-bootstrap
Last synced: 7 months ago
JSON representation
Practice AWS Certification questions on the React application
- Host: GitHub
- URL: https://github.com/vishwac09/aws-practice-questions
- Owner: vishwac09
- Created: 2022-11-01T15:58:25.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-03T09:29:42.000Z (over 2 years ago)
- Last Synced: 2023-09-20T07:33:30.906Z (almost 2 years ago)
- Topics: aws, aws-cloud-practitioner, html5, react, react-app, react-bootstrap
- Language: JavaScript
- Homepage:
- Size: 4 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AWS Practice Question
React application allowing users to practice the AWS certification questions in a __Multiple Choice__ format. Built this small application to learn react concepts like components, theme layer, redux, view-model etc and also to get ready for the AWS certifications.
Created notes for the [AWS Cloud practitioner](https://github.com/vishwac09/aws-cloud-practitioner#other-services) certification exam, will add more info, questions, notes and guides for other AWS certifications.
> I am a newbie in REACT. If you wish to contribute to the application or find any issues or an incorrectly implemented logic please raise an issue or create a pull request. Happy to learn from the experts.
Site live on [GH Pages](https://vishwac09.github.io/aws-practice-questions/)
# Getting Started
## Table of Contents
- [Local Setup](#local-setup)
- [Project Structure](#project-structure)
### Local Setup
Fork the repository or clone from Github.
```sh
git clone [email protected]:vishwac09/aws-practice-questions.git
cd aws-practice-questions
```
Install the dependencies
```sh
yarn install
```
Start the application
```sh
yarn start
```
---
### Project Structure
```bash
src
├── App.js
├── data
│ ├── ccp.json
│ └── certifications.json
├── features
│ ├── certification
│ ├── exam
│ ├── question
│ └── result
├── index.js
├── layout
│ ├── TwoColumn.js
│ └── index.js
├── regions
│ ├── Sidebar.js
│ └── index.js
├── store
│ └── Store.js
└── theme
├── import.scss
└── sass
├── _custom.scss
├── _variables.scss
└── _variables_override.scss
```
The application layout is Two column (sidebar and a main content region). The sidebar list the total number of certifications enabled/available, clicking the certification highlight's and starts the corresponding certification exam.
##### Certification List
The list is populated by reading the the certifications.json file which can be found in the "data/" directory. Field "active" controls the visibility of that certification.
##### Questions
Every certification read from the certifications.json file points to the associated questions "json" file.
##### Redux
The application uses Redux to store the state of the application. Every component registers it own state.