agharsallah/minimal-ted

Tunisia Election Data

Quickstart project template for learning React.

Objective

Usage

Clone this repository

git clone [email protected]:hunter-x/minimal-ted.git

Install

npm install
bower install
move the bower_component to public

Start the application in development mode

npm start

Open http://localhost:8080 in your browser.

Static files are served from the public folder, project JavaScript files are bundled from the app folder.

When ready, build for production

npm run build

This will generate a minimized bundle.js file on the public folder.

Dependencies

• React & React-DOM
• Webpack & webpack-dev-server
• Babel Core
• Babel Loader (With "es2015" and "react" presets)
• Material UI
• Mapbox
• Leaflet

minimal-ted's Issues

make the geojson variables local

to use the geojson files they are stored in the the public folder and we can access them from any where in the program. they should local to each file

code clearness

should find a better approach to use leaflet with react
cause basically there is code repetition-when new props appear we basically define an all new map

language support

when you change the language and move from one tab to the other the language tab changes to english.
the gd thing is that the language stays as chosen only the language select changes and this is probably because when the app rerender (on link change) it puts the default language english

bug in having composed Links

can't access composed links like /Projects/:mapId (the server can't load the resources) although I can access the dynamic Link /:mapId
Probably it's a conflict with webpack

changing navbar style

fixing active link

adding geojson shapes for all municipalities

only 1 municipality shape is referenced - when user clicks on a delegation the same shape appears

adding translation and language support for all components