Code Monkey home page Code Monkey logo

skribbl_rs's Introduction

skribbl_rs

skribbl_rs is our attempt at building a clone of the web-based drawing and guessing game skribbl.io.

To play a game: https://skribbl.io/

It might take a few seconds to respond due to inactivity.

The site does not collect any user data or display ads.

Hosted game URL

https://skribbl-multiplayer-cf4b28d28f83.herokuapp.com/

Local setup

The project requires Node.js to be installed on your system. To run the project locally:

git clone https://github.com/Teja-11/skribbl_rs.git
cd skribbl_rs
npm i
npm run start

The app will run by default on port 3000. Open your browser and go to http://localhost:3000.

Screenshots

Landing page Landing page
Landing page Landing page

Technologies used

  1. Back End

  2. Front End

Credits

  1. Feature ideas: https://github.com/scribble-rs/scribble.rs
  2. Sounds: https://freesound.org/

Developers

This project, which attempts to create a browser-based geography game, was created by a group of passionate developers. Introducing the developers of the project:

  • Tejasree Challagundla
  • Chandana Pothugunta
  • Rohan Jayesh Kalgutkar

Reflection

The journey of developing Skribbl_rs was a rewarding experience characterized by collaboration and learning. Our team encountered various challenges, celebrated victories, and learned invaluable lessons throughout the process of crafting this engaging game.

Challenges: Defining the core concept of the game was our initial hurdle. As the project progressed, technical challenges surfaced. Integrating real-time communication and synchronizing the backend with the frontend demanded meticulous coding. Balancing task estimations and harmonizing functionality with design presented ongoing challenges.

Successes: Our structured project management approach, complemented by an agile mindset, played a pivotal role in our success. Assigning tasks based on individual strengths and maintaining open communication were instrumental in our achievements. Leveraging collaboration tools such as Git and GitHub facilitated seamless teamwork. Our tech stack, encompassing Node.js, Socket.io, Express, EJS, Bootstrap, and other libraries, empowered our development process.

Lessons Learned: Flexibility and effective communication emerged as pivotal lessons. Adapting to evolving circumstances and embracing challenges amplified our problem-solving skills. Rigorous testing and innovative solutions were critical in ensuring the reliability of our application. Skribbl_rs not only showcased our technical proficiency but also our capacity to overcome obstacles collectively.

Conclusion: Skribbl_rs stands as a testament to our growth in the realm of technology. Through teamwork, adaptability, and a robust tech stack, we turned challenges into opportunities. This project not only resulted in an entertaining game but also strengthened our collaborative spirit and technical expertise. The journey of creating Skribbl_rs was not just about the game itself but about the collective growth and learning experience it provided.

skribbl_rs's People

Contributors

chandana1221 avatar teja-11 avatar

Watchers

 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.