Giter Club home page Giter Club logo

ceaseless-zebra-5788's Introduction

ESPN cricinfo

ESPN cricinfo is a sports news website exclusively for the game of cricket. The site features news, articles, live coverage of cricket matches, and StatsGuru, a database of historical matches and players from the 18th century to the present.

Tech-stack used

Frontend : React, Redux, Chakra UI, JavaScript, Custom CSS, React Icons.

Backend   : JSON Server deployed on Render

Team members and contribution

Team Member Contribution
Aamir Khan Teams Page, Live Score Page, News Page and Detailed News Page
Vishal Sharma Home Page and Custom CSS Cards
Atul Kumar NavBar , Login & SignUp page with Google Authentication , Redux for Store

Glimpse and screenshots of our cloned website:

1) Home Page

Screenshot (2054)

Screenshot (2055)

2) Live cricket score

Screenshot (2064)

3) Login And SignUp Page

4) Popular International Team Page

Screenshot (2062)

5) Matches result

6) News of Matches

Screenshot (2065) Screenshot (2066)

ceaseless-zebra-5788's People

Contributors

aamirkhan9420 avatar vishal-508 avatar greata-maker avatar

Stargazers

avatar avatar

Watchers

avatar

ceaseless-zebra-5788's Issues

Menu Drop Downs

  • Created Menu Items
  • chakra ui for menu items
  • menu title
  • left drop down list
  • right drop down list
  • hover style
  • flex box for right and left

navbar

  • live score routes
  • series routes
  • teams routes
  • news routes
  • top of the navbar

News page

  • structure
  • data fetching
  • data appending

Search Bar

  • Create Search.jsx component.
  • Add functionality in it.
  • Add Style in it.
  • Merge search component with navbar.

Home Page

  • Create Home.jsx file in AllRoutes.
  • Create Home page functional.
  • Add Style in it.
  • Add responsiveness.

Teams page

  • structure
  • data fetching
  • data appending

Boiler Plate

  • Create Redux, Components, AllRoutes, Apis and Utils directories.
  • Create corresponding files in directories.
  • Add required npm packages.
  • Add root variables in index.css.

NavBar - fw12_139_Day-2

  • - Navbar list
  • - Navbar logo
  • - Navbar login option
  • - Navbar Search bar
  • - Navbar menu dropdown
  • - Navbar responsive style
  • - Navbar styled components

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.