Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hassantauqeer/coleap-test
https://github.com/hassantauqeer/coleap-test
Last synced: 14 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/hassantauqeer/coleap-test
- Owner: hassantauqeer
- Created: 2022-03-28T16:43:37.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-28T16:44:03.000Z (almost 3 years ago)
- Last Synced: 2024-11-06T04:35:02.144Z (2 months ago)
- Language: TypeScript
- Size: 827 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Application Context:
This application previews a list of Some vehicles in cards. It displays some basic informaiton like Model, Make, etc. on the basic preview.
When clicked on the card it opens up a quick view (Modal) to show the details.This app uses ReactJS and minimalistic libraries and is very light weight.
## Available ScriptsIn the project directory, you can run:
### `yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.\
You will also see any lint errors in the console.### `yarn build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.### `yarn storybook`
Runs storybook on: [http://localhost:6006](http://localhost:6006)
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!### Approaches Used to accomplish
- React Storybook: To design the best and smallest possible components.
- Tailwind CSS: To quickly bootstrap a good-looking light-weight UI.
- Mobile Responsive: Tested it till 320px
- Used TypeScript to show my best practices in Javascript.Some Screenshots of the App are located inside: /screenshots
### Unaccomplished tasks:
Failed to integrate the DropDown component I made so instead i quickly used 2 buttons.