The football-legends's intro from ibrsec

football-legends's Introduction

Employee List Project

An awesome Employee List Project Explore the docs »

View Demo · Report Bug · Request Feature

📎 Table of Contents 📎

About The Project
Overview
Quick Setup
Directory structure
Built With

ℹ️ About The Project

(back to top)

👀 Overview

📦 Used mock football legends data from data.jsx file
🎯 Used React environment, components, use state, use effect hooks
🖥 Search the users with seach box 🔩 Click for extra details on legends cards

(back to top)

🛫 Quick Setup

# clone the project
git clone https://github.com/ibrsec/football-legends.git

# enter the project directory
cd football-legends

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start

(back to top)

📂 Directory structure

football-legends  (folder)
  |          
  |---public (folder)
+ |---src (folder) 
  |     |---assests (folder) 
  |     |          
  |     |         
  |     |---helper (folder)   
  |     |     └---data.jsx    
  |     |  
  |     |---components (folder) 
  |     |     |    
  |     |     |---header (folder) 
  |     |     |     └---Header.jsx 
  |     |     |    
  |     |     |---card (folder) 
  |     |     |     └---Card.jsx 
  |     |     |    
  |     |     |---card (folder) 
  |     |     |     |---ProfilCard.jsx 
  |     |     |     └---ProfilCard.module.scss 
  |     |     |    
  |     |     └---legends (folder) 
  |     |           └---LegendsContainer.jsx 
  |     |           
  |     |          
  |     |
  |     |---App.js
  |     |---App.scss
  |     |---Index.js
  |     └---Index.scss
  |     
  |----index.html    
  |----package.json
  |----yarn.lock
  └----readme.md

(back to top)