This is a technical test project for Rank Math company.
Check the below contents for further details about this project.
This project displays a simple page for a bitcoin wallet.
Project implemented with ReactJS framework.
It applies Components and Hooks.
Styling inside the project is done with Sass & CSS Modules.
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.
Linting for JavaScript using Eslint & for Sass using Stylelint.
📌 Live Demo:
- See the project live from here.
📌 Tech Stack:
- Framework used is
ReactJS - Page structure is built with
JSX - Styling is built with
Sass - Dynamic content is built with
ES6 JavaScript - Bundling is done with
WebPack - Graph chart is built with
Recharts
📌 Key Features:
- Single page app with fixed content
- Responsive layout with all screen sizes
- Simple hover & transition effects
- Static side menu toggling
- Light & dark theme switch
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
NodeJSfor installing & running all packages
📌 Installation:
- Install all dependencies with
npm
npm install
📌 Development:
- For live development on
localhost:3000run:
npm run start
📌 Deployment:
- You can deploy this project by uploading files in the
buildfolder to a live server. - Create the distribution build using this command:
npm run build
📌 Mahammad:
Some additional features I may implement in the project:
- Additional pages like
Homepage - Implement advanced
Hooksfeatures 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 Rank Math for guiding me through this project.
This project is MIT licensed.