Coder Social home page Coder Social logo

pronabsen / cricket.com-project Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hello-snsa/cricket.com-project

0.0 0.0 0.0 5.83 MB

This project is all about Cloning of "www.cricket.com". It is given to us as a construct week project at Masai School. This website, www.cricket.com ("Site", “Website”) is owned and operated by Crictec Media Limited. This is our first team collaboration project at Full Stack-development bootcamp in Masai School. Feel free to contact us for any sug

Home Page: https://hello-snsa.github.io/Cricket.com-Project/

JavaScript 2.22% CSS 5.48% HTML 92.30%

cricket.com-project's Introduction

Unit 2 Project

Clone of "www.cricket.com".

This website, www.cricket.com ("Site", “Website”) is owned and operated by Crictec Media Limited. This is our first team collaboration project at Full Stack-development bootcamp in Masai School Project.

Team Members:

  • Bhaskar Rai
  • Md Ali Shahanshah

Tools & Technology Used:

  • HTML
  • CSS
  • JavaScript
  • JS-DOM Manipulation
  • JSON
  • Local Storage
  • VS Code editor

About Our Project :

Our project is a clone of a Cricket.com, where we can watch live cricket scores, fantasy team approximations. Analytics of cricket, information and past performance of the player as well.

Guide to Project:

We made the Full Home Page where Navbar is there for navigating to all the pages in the website. We made a full functioning cards which shows the information about Live matches ,previous matches and upcoming matches. Below that we create a news and video section as shown in website, where we can watch cricket related videos and also go through with all the cricket tournament news around the world. We created criclytics page where by single click, user can get all the information about upcoming matches and previous matches. By clicking on the match card user will be redirected to another page where he/she can get all the statics of the match. There is also a Log-in functonality where user can sign up by using 10 digit mobile number,after putting mobile number we have to fill OTP (one time password ) for redirecting upto information page where user can fill his details , that details gonna saved in the local storage. User can go through with numbers of articles and also able to mark as liked if he or she find any particular artical intresting .

So this is basically our project. We were two members in the team and we completed the whole project in the construct week timeline.

Credit:

  • cricket.com
  • unsplash.com
  • pexels.com
  • Google images

All the resources which are used in the project either we fetch those from main website or we take from google. All the resources are belongs to their respective owners. We don't have anykind of ownership over any resources. All images are taken from Cricket.com, google images, unsplash.com or pexels.com are only for educational and learning puropose. All icons and fonts taken from open sources from google search. We have no copyrights over images, icons or fonts.

Some Screenshots from or Project:-

1.HomePage.

Screenshot 2021-11-11 125532

2. Cryclitics Page

crylytics page

3.News Page

News Page

4.Data Digest Page:-

Digest data

5.Videos on HomePage:-

videos on home page

KEY CONTRIBUTIONS :-

- By Bhaskar Rai

  • Navbar and Footer part.
  • Centre functional cards ,which shows Match information and data.
  • Criclytics page.
  • Log-in Functionality and Discription Form Page.

- By Md Ali Shahanshah :-

  • Fan Poll
  • News Feed on the Home Page.
  • News Page.
  • Videos on the Home page.
  • Inner Data page in Criclytics Page.
  • Merging of the project.
  • Digest Data

cricket.com-project's People

Contributors

bhaskar0507 avatar hello-snsa avatar

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.