Pictionary

<!-- PROJECT LOGO --> <br /> <p align="center"> <a href="https://github.com/gdscjgec"> <img src="https://i.imgur.com/ktKmvhK.png" width="500" height="350"></img> </a> <h3 align="center">PICTIONARY</h3> <p align="center"> An awesome infographic encyclopedia made from your contributions for you! <br /> <a href=""><strong>Explore the docs »</strong></a> <br /> <br /> <a href="">View Demo</a> · <a href="">Report Bug</a> · <a href="">Request Feature</a> </p> </p> <p align="center">Participating in</p> <div align="center"><a href="#"><img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hacktoberfest-full.f42e3b1.svg" alt="Banner" width="50%"/></a></div> <br><br> <div align="center"><a href="#"><img src="https://d33wubrfki0l68.cloudfront.net/710cb0d537d2e7fa6246445c0977ecc994f05f5a/6a3b4/assets/img/jwoc_logo.svg" alt="Banner" width="30%"/></a></div> <br /> <div align="center"> <h2 align="center"> An initiative by</h2> <a href="https://github.com/gdscjgec"> <img src="https://pbs.twimg.com/profile_banners/1481282792160116738/1642000467/1500x500" alt="Logo"> </a> <br /> <a href="#"><strong>Explore the docs 🗺️</strong></a> </div> <!-- TABLE OF CONTENTS --> <details open="open"> <summary>Table of Contents</summary> <ol> <li> <a href="#about-the-project">About The Project</a> <ul> <li><a href="#built-with">Built With</a></li> </ul> </li> <li> <a href="#getting-started">Getting Started</a> <ul> <li><a href="#prerequisites">Prerequisites</a></li> <li><a href="#installation">Installation</a></li> </ul> </li> <li><a href="#usage">Usage</a></li> <li><a href="#roadmap">Roadmap</a></li> <li><a href="#contributing">Contributing</a></li> <li><a href="#license">License</a></li> <li><a href="#contact">Contact</a></li> </ol> </details> <!-- ABOUT THE PROJECT -->

About The Project

PICTIONARY

<!-- [![PICTIONARY][product-screenshot]](https://example.com) -->

A Beginner friendly project build upon HTML and CSS, mainly comprising of various categories and info-cards of "things" that fall in the type. Trying to keep it informational and educational as much as possible.

Built With

This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• HTML5
• CSS3
• JavaScript

<!-- GETTING STARTED -->

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

<!-- This is an example of how to list things you need to use the software and how to install them. - npm ```sh npm install npm@latest -g ``` -->

Installation

<!-- 1. Get a free API Key at [https://example.com](https://example.com) -->

Setting up development environment ( for VS Code Users)

Install The Live server extension on your native VS Code: Link (Helps you to run the live project and not reload any changes that you make in it)

Set up the project directory :

1. Clone the repo

   git clone https://github.com/your_username_/Project-Name.git
   

2. Navigate to Project Directory

   cd <project-name>
   

3. Open VS Code from terminal

   code .
   

4. Start up Live server <img src="https://i.imgur.com/drgG1vF.png"/>

--> Navigate to the bottom right corner of Visual Studio Code window and click on the "Go Live" button. Your project will get loaded on the localhost url: http://127.0.0.1:5500/

<!-- CONTRIBUTING -->

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch ( git checkout -b feature/AmazingFeature )
3. Add your Changes ( git add . )
4. Commit your Changes ( git commit -m 'Add some AmazingFeature' )
5. Push to the Branch ( git push origin feature/AmazingFeature )
6. Open a Pull Request

Add your Name

Once you make your contribution, do not forget to add your name in contributors.html file. Further instructions are mentioned there.

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

For more examples, please refer to the Documentation

<!-- ROADMAP -->

Roadmap

See the open issues for a list of proposed features (and known issues).

<!-- LICENSE -->

License

Distributed under the MIT License. See LICENSE for more information.

<!-- CONTACT -->

Contact

Mail us at - gdsc@jgec.ac.in

Contributors

Thanks to these wonderful people ✨✨:

<a href="https://github.com/gdscjgec/Pictionary/graphs/contributors"> <img src="https://contrib.rocks/image?repo=gdscjgec/Pictionary" /> </a>

Made with contrib.rocks.