Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/samyc2002/coders-garage

A react coding website made for the Summer of Innovation Web Development project
https://github.com/samyc2002/coders-garage

authentication css css3 expressjs html javascript mongodb nodejs oauth oauth2 react reactjs socket-io typescript ui-design

Last synced: 2 months ago
JSON representation

A react coding website made for the Summer of Innovation Web Development project

Host: GitHub
URL: https://github.com/samyc2002/coders-garage
Owner: Samyc2002
License: mit
Created: 2021-06-16T08:56:05.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2023-01-27T12:15:12.000Z (almost 2 years ago)
Last Synced: 2023-05-03T14:37:16.080Z (over 1 year ago)
Topics: authentication, css, css3, expressjs, html, javascript, mongodb, nodejs, oauth, oauth2, react, reactjs, socket-io, typescript, ui-design
Language: TypeScript
Homepage: https://coders-garage.netlify.app/
Size: 39.6 MB
Stars: 4
Watchers: 1
Forks: 2
Open Issues: 10
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

React Coding Website

Coders Garage

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/made-with-typescript.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com)

🔹
Report Bug
🔹
Request Feature

## TL;DR

You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Samyc2002](https://github.com/Samyc2002/Coders-Garage). Thanks!

## Built With

A coding website Coders Garage which has a Home page where questions are available, an IDE that can be used by anyone and has a user friendly interview platform. It has a soothing and minimal UI.

This project was built using these technologies.

- React.js
- Node.js
- Express.js
- MongoDB
- Material UI
- CSS3
- VsCode
- Heroku
- Figma

## Features

**📖 Multi-Page Layout**

**🎨 Styled with Material UI and CSS with easy to customize colors**

**📱 Fully Responsive**

## Getting Started

Clone down this repository. You will need `node.js` and `git` installed globally on your machine.

## 🛠 Installation and Setup Instructions

### To run the client

```bash
cd client
npm i
npm start
```

Runs the client app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.

## To run the server

```bash
cd server
npm i
npm run dev
```

Runs the server in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
Consecutively, you can also see it running in your terminal.

## Usage Instructions

Open the project folder and Navigate to `/client/src/components/`.

You will find all the components used and you can edit your information accordingly.

`/client/src/pages` has all the components arranged and organised in pages.

### Show your support

Give a ⭐ if you like this website!

### How to contribute
- Create an Issue and wait for being assigned to it. (I shall be assigning them about twice a day)
- Fork the repository.
- Make changes and commits on the forked repository
- Create a pull request to the master branch of the original repository
- Valid pull requests will be merged

Make sure you update the documentation accordingly.

### Enhancements available to do (difficulty mentioned out of 5 and graded relatively)

- [ ] Fixing IDE code compilation bugs. - 2
- [ ] Fixing bugs in the IDE for answering questions (mainly the part where the code is run in server and a verdict is given like AC, TLE, etc.) - 3
- [ ] Fixing bugs in the interview section. - 4
- [ ] Adding Video chat feature in the interview section - 5

### An additional feature that can be implemented (bonus)
For the interview section, a complete separate react project can be made in the same repo which uses the same server. On joining an interview, the client can be redirected to that URL and all interview logic can be shifted to that project. Note that this should be done in the same repo, it should use the same server and the existing interview logic needs to be removed. If someone wants to take up this one, please make sure all other issues are already over before signing up for it.