The purpose of this test is to build the Wallet Application found here using the above boilerplate: https://xd.adobe.com/view/2190ec88-7caf-4e23-68d1-e9b6b8ec2bf3-57a1/
You can build this out in as many pages as you like (We recommend no more than 2-3 as we are more worried about quality versus quantity)
The purpose will be to nderstand your knowledge of:
- MVC Structure
- Client to Server commnuication (we recommend Redux)
- Code reusability and struture
- Best Practicies in nominculture, strucutre, etc.
- UI / UX (but this isn't a design competition)
- How you handle dummy / static data [feel free to send back the same random data in the XD or cough faker module cough]
- Converting UI to Usable Code
This doesnt have to be connected to any LIVE data source, but feel free to impress us :)
If you move on to the next step in the coding challenge you will build upon your creation here!
Once done send the results to challenge@okra.ng
# Clone the repository
git clone https://github.com/crsandeep/simple-react-full-stack
# Go inside the directory
cd okra-code-exam
# Install dependencies
yarn (or npm install)
# Start development server
yarn dev (or npm run dev)
# Build for production
yarn build (or npm run build)
# Start production server
yarn start (or npm start)All the source code will be inside src directory. Inside src, there is client and server directory. All the frontend code (react, css, js and any other assets) will be in client directory. Backend Node.js/Express code will be in the server directory.