Capstone React Project

This is the final Capstone React Project using Nelson Sakwa on Behance design to complete 2 home and details module and display the metrics number in the project. Using the API, the project displays the US population total number and categorized by states which are further categorized by county.

Built With

• HTML, CSS, Web Pack, Javascript
• Visual Studio Code and GitHub
• Git Flow, Webpack, Jest
• React JS
• React Redux
• React Logger
• React Router

Live Demo (if available)

Live Preview

Getting Started

Follow the commands of React to get started with the project.

Prerequisites

A GitHub Account Visual Studio Code

Setup

Simply create an empty repository Open Visual Studio Code Create different branches for different tasks and assignments Remove unneccessary files from the project

Install

Run command in the VSC Terminal npx create-react-app space-travelers-hub --template redux The command will complete the installtion of the required files like Webpack, etc. Run npm start to start the application You should see the Reach logo on the front page. If needed run npm init to initialize the project (but not necessary) Create new folders and add seperate js files in the relevant folder Install React Logger npm i redux-logger Install React Router using npm install react-router-dom

Usage

All the required folders and files are added to the application tree Once the project is approved, run a sync changes on all branches to update

Run tests

Create a pull request The pull request when test the compatibility of the merge If the merge is possible then the sign of ability to merge will be shown Click on create a new pull request The linters test will begin to run during the pull request If the test fails click on the details against the test and see where the error occured After fixing your code re-run the test again

Deployment

After all the tests have succeeded, add comments to the pull request and save comment Leave the pull request open for review by peers

Authors

👤 Asim Mehmood Khan

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 Contributing

I will open issues in the Issues section of the project. Feel free to add your comments to the issues

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• To my team they have helped me
• Thanks to Microverse study material and guidelines

📝 License

This project is MIT licensed.