This is the fifth project of the third module in the Microverse program.
Check the below contents for further details about this project.
This project is an exercise for implementing Thunks
in Redux Toolkit
with ReactJS
framework.
It applies Redux
concepts like (store
/ actions
/ reducers
).
All project dynamic files are contained in src
directory while static assets are in public
directory.
The live build is generated inside the build
directory.
Also config linters for (CSS
/ JavaScript
) in the .github
folder.
📌 Live Demo:
- See the project live from here.
📌 Tech Stack:
- Framework used is
ReactJS
- State management by
Redux Toolkit
- Page structure is built with
JSX
- Styling is built with
CSS Modules
- Dynamic content is built with
ES6 JavaScript
- Bundling is done with
WebPack
📌 Key Features:
- Single page app with all content loaded dynamically
- Responsive layout with all screen sizes
- Live data fetching from an external api
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
NodeJS
for installing & running all packages
📌 Setup:
- Install all dependencies with
npm
npm install
- For live development on
localhost:3000
run:
npm run start
- Unit testing is done with:
npm run test
📌 Deployment:
- You can deploy this project by uploading files in the
build
folder to a live server. - Create the distribution build using this command:
npm run build
📌 Mahammad:
Some additional features I may implement in the project:
- Using
CSS
preprocessors and their relevant loaders - Implement advanced
Hooks
features likeuseMemo
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.
Like this project? Show your support by starring!
I thank everyone at Microverse for guiding me through this project.
This project is MIT licensed.