.cssArena_ is a competitive web platform where developers and designers engage in CSS coding challenges. Participants recreate given designs using HTML and CSS, striving for accuracy and minimal code usage. It fosters creativity, skill enhancement, and friendly competition as users compare solutions.
It is an interactive way for CSS enthusiasts to practice their skills, learn from others, and have fun while participating in a friendly coding competition.
- User can create Battle Arenas to battle with friends.
- Each user in Battle Arena can see each other's as well as their own progress in real-time.
- Users can practice by selecting any Code Arenas of their choice.
- Features like comparison slider and difference between their image and target image.
git clone https://github.com/armanalam03/cssArena.git
cd cssArena
Now open different terminals for each backend and frontend.
In Django backend terminal:
cd backend
python .\manage.py runserver
In Nodejs backend terminal:
cd nodeBackend
npm install
npm start
In Reactjs frontend terminal:
cd frontend
npm install
npm start
Home Page
Code Arena
Comparison Slider and Difference
Create a Battle Arena
Join a Battle Arena
Battle Arena
