DEV Community

Shakir
Shakir

Posted on • Edited on

2 1

Cricket scoring app using Appwrite & NextJS

Overview of My Submission

Hi, this is an attempt to learn appwrite by trying out a single user cricket scoring app. We play cricket hence the idea, thought it would be nice to have an app that we can use for ourselves to add scoring and see how we played :).

I have used NextJS with some minimal tailwind based styling, have spent more time on the functonality of the App as the state changes, due to various scoring conditions, were a bit confusing and time consuming.

Here is the link to the github repository

Submission Category:

Wacky Wildcards

Additional Resources / Info

Here are some screenshots
Signup
Login
New match
New match form 1
New match form 2
New match form 3
New match form 4

Match started
Add score
First batting score card

cricket score

Note: The image at the bottom is a random one from Unsplash

FYI, the application is not quite complete, there is some more state improvements.

Thank you!!!

Top comments (3)

Collapse
 
darikdeonun profile image
darikdeonun

I am trying to apply this on my criclink website. But scorecard UI/UX is not that good, is it possible to add some new code in your one's to make it even more batter? Or we can add some new features.

BTW, a big shoutout for your efforts.

Collapse
 
networkandcode profile image
Shakir

Feel free to make changes!

Collapse
 
iren_may_433b77f6cd7e27f7 profile image
Iren May

With cricketx.co.in/sites/odds96/ the world of betting has become even easier. If you love high stakes and want to know where the best odds are, this is the site for you. With easy to read odds and a variety of sports to choose from, you can dive headfirst into your favorite events. Whether you prefer cricket, soccer or something else, Odds96 can help you. Check here now and start making smarter bets!

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more