11-builder
11 builder is an online tool that allows you to create your own football lineup, customize its look, and download it as a ready-to-share image.
Try it yourself on 11builder.com.
Usage
| command | description |
|---|---|
yarn install or npm install |
Install dependencies |
yarn start or npm start |
Start a development server |
yarn build or npm run build |
Create a new build |
To serve the /build folder:
npm install -g serveif you don't have theservepackageserve -s build
Tools used
- React.js, boostraped with create-react-app
- Cheerio to scrape data from fifaindex.com (which was itself scraped from EA Sport's Ultimate Team database)
- Netlify to deploy the app
Contributing
Pull requests are welcome. Here are a few things that you may want to look into:
- Any security vulnerability
- Use external APIs to provide "Share with X" features, such as Imgur, Twitter, Instagram or Reddit.
- Create an open API to serve the players images and info.
- Move from CSS to Sass or Styled-Components for easier styling.
- Start using React hooks