https://github.com/csivitu/casscade
CaSScade, an online CSS battle conducted by CSI-VIT, where the objective of the challenge is to use CSS/HTML to replicate a given image!
https://github.com/csivitu/casscade
csi csivitu css css-battle cssbattle python reactjs snowpack tailwind typescript
Last synced: 2 months ago
JSON representation
CaSScade, an online CSS battle conducted by CSI-VIT, where the objective of the challenge is to use CSS/HTML to replicate a given image!
- Host: GitHub
- URL: https://github.com/csivitu/casscade
- Owner: csivitu
- License: mit
- Created: 2021-11-17T10:53:29.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-24T15:31:51.000Z (over 4 years ago)
- Last Synced: 2025-07-12T20:52:15.831Z (11 months ago)
- Topics: csi, csivitu, css, css-battle, cssbattle, python, reactjs, snowpack, tailwind, typescript
- Language: JavaScript
- Homepage: https://casscade.csivit.com
- Size: 1.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[![csivit][csivitu-shield]][csivitu-url]
[![Issues][issues-shield]][issues-url]
CaSScade
An Online CSS Battle.
Visit Website
·
Report Bug
·
Request Feature
## Table of Contents
- [Table of Contents](#table-of-contents)
- [About The Project](#about-the-project)
- [Built With](#built-with)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [License](#license)
- [Contributors](#contributors)
## About The Project
CaSScade - A CSS Battle by CSI-VIT!
This is our very own version of the CSS battle, where the objective of the challenge is to use CSS/HTML to replicate a given image.
The competition consists of 3 rounds, where people will be challenged to demonstrate their skills as they battle with each other and replicate the designs provided by us, and winners will be picked in accordance to the least, most effective code used and accuracy.
### Built With
* [React.js](https://reactjs.org/)
* [Python](https://www.python.org/)
* [Typescript](https://www.typescriptlang.org/)
* [MongoDB](https://www.mongodb.com/)
## Getting Started
To get a local copy up and running follow these simple 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
* python
sh
npm install python3
### Installation
1. Clone the repo
sh
git clone https://github.com/csivitu/casscade
2. Change directory to casscade
sh
cd casscade
3. Install NPM packages
sh
npm install
sh
npm install --save-dev snowpack
## Usage
## Roadmap
See the [open issues](https://github.com/csivitu/casscade/issues) for a list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to be 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. Commit your Changes (`git commit -m 'feat: Add some AmazingFeature'`)
4. Push to the Branch (`git push -u origin feature/AmazingFeature`)
5. Open a Pull Request
You are requested to follow the contribution guidelines specified in [CONTRIBUTING.md](./CONTRIBUTING.md) while contributing to the project :smile:.
## License
Distributed under the MIT License. See [`LICENSE`](./LICENSE) for more information.
[csivitu-shield]: https://img.shields.io/badge/csivitu-csivitu-blue
[csivitu-url]: https://csivit.com
[issues-shield]: https://img.shields.io/github/issues/csivitu/Template.svg?style=flat-square
[issues-url]: https://github.com/csivitu/Template/issues
## Contributors
Thanks goes to these wonderful people:
Ameesha Gireesh
Shivansh Sharma
Sourish Gupta
Sanjay Baskaran