Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/midhatahir/kodershub

CodeEditor Mern WebApp specifically designed for Kids and Teens🤩
https://github.com/midhatahir/kodershub

chai expressjs lodash material-ui nodejs reactjs

Last synced: 3 months ago
JSON representation

CodeEditor Mern WebApp specifically designed for Kids and Teens🤩

Awesome Lists containing this project

README

        

# KODERSHUB :computer:

**Coding Webapp for Teens**

This app provides a platform for our teens to practice coding skills with small challenges and compete in the IT world.

### ⚡ Live preview at: [KodersHub](kodershub.herokuapp.com/)

### ⚡ Web Preview:

Currently teens will play with three languages:

1. HTML
2. CSS
3. JS

![main page](https://github.com/MidhaTahir/KodersHub/blob/master/Images/1.jpeg)
![login page](https://github.com/MidhaTahir/KodersHub/blob/master/Images/2.jpeg)
![Dashboard](https://github.com/MidhaTahir/KodersHub/blob/master/Images/3.jpeg)

Unsuccessfully completed HTML challenge😑😑

![HTML challenge](https://github.com/MidhaTahir/KodersHub/blob/master/Images/html.PNG)

---

Successfully completed CSS challenge:sparkles::sparkles:

![CSS challenge](https://github.com/MidhaTahir/KodersHub/blob/master/Images/4.jpeg)

---

Successfully completed Javascript challenge:sparkles::sparkles:

![JS challenge](https://github.com/MidhaTahir/KodersHub/blob/master/Images/5.jpeg)

---

### ⚡ We used:

[![made-with-react](https://img.shields.io/badge/Frontend-ReactJS-1f425f.svg)](https://reactjs.org/)
![made-with-express](https://img.shields.io/badge/Backend-Express-blueviolet)
![Mongodb badge](https://img.shields.io/badge/DB-Mongodb_Atlas-9cf)
![AWS badge](https://img.shields.io/badge/Deployed%20On-AWS_EC2-blue)

1. For JS Testing

![Chai badge](https://img.shields.io/badge/made%20with-CHAI-brightgreen)
![Mocha badge](https://img.shields.io/badge/made%20with-MOCHA-blue)

2. For CSS Testing

![Lodash badge](https://img.shields.io/badge/made%20with-Lodash-brightgreen)
![CSS-to-JSON badge](https://img.shields.io/badge/made%20with-CSS2JSON-blue)

3. For HTML Testing

![Regex badge](https://img.shields.io/badge/made%20with-Regex-brightgreen)

### ⚡ Made by:

[![GitHub contributors](https://img.shields.io/github/contributors/MidhaTahir/KodersHub.svg?label=Contributors)](https://GitHub.com/MidhaTahir/KodersHub/graphs/contributors/)

- [Syeda Tooba Ali](https://github.com/toobaali1)
- [Fareena Ehtesham](https://github.com/FareenaEhtesham)
- [Hasham Khalid](https://github.com/Muhammad-Hasham-Khalid)
- [Midha Tahir](https://github.com/MidhaTahir)

### ⚡ Give it a Star ⭐⭐⭐

> Feel free to contribute. Make a pull request :rocket: :rocket:

[![GitHub stars](https://img.shields.io/github/stars/MidhaTahir/KodersHub.svg?style=social&label=Star&maxAge=2592000)](https://github.com/MidhaTahir/KodersHub/stargazers/)
[![GitHub forks](https://img.shields.io/github/forks/MidhaTahir/KodersHub.svg?style=social&label=Fork&maxAge=2592000)](https://github.com/MidhaTahir/KodersHub/network/)