Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hassantauqeer/coleap-test


https://github.com/hassantauqeer/coleap-test

Last synced: 14 days ago
JSON representation

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 Scripts

In 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.