Footuane is a project of football data website that shows matches,competition standings and top scorers,group tables and more
you can see full website in my LinkedIn account here : Demo.
The tools, libraries,Frameworks that i used to make this project :
- React (js)
- Flask (python)
- TailWind (css)
- a bit of TypeScript
- Material Ui (React library)
- React-document-title component
- Football-data free Api
- React FontAwesome icons
- Vs code (with some extensions)
- flowbite react library (footer components only))
VS code extensions :
- Better Comments
- Black Formatter (python formatter)
- Code Spell Checker
- CSS peek
- ESLint (must have)
- glean (react component editor)
- Material icon theme
- Prettier (save a lot of time)
- simple React snippets
- TailWind CSS intelliSense (required if you want to work with TailWind)
The website toke from me about a week ,each day like 4~5 hours i have to say i learned a lot of things in this week :
- How to think in React : (65% work time) managing Stats and Props between components which is pretty challenging ,hooks (useEffect specially)
- How to deal with APIs, json formatting and fetching the data with js and python
- some backend with Flask framework (Routing, using variables in the URL )
- Material Ui has some good react components the ones that i have worked with were (Data Grid,Tooltip,Accordion,Skeleton,Tabs,Drawer) ,they were so useful i struggled costuming the data grid components
- TailWind Css which is in my opinion the best css framework /
Safouane El Arari : 19 yo from morocco student Engineer in Ensao Web Developer with +9 months experience [Linkedin page] (https://www.linkedin.com/in/safouane-el-arari/) Email : Araristaf@gmail.com You're welcome to connect with me .