Light

felicity-iiith / contest-portal-frontend Goto Github PK

View Code? Open in Web Editor NEW

1.0 6.0 12.0 194 KB

License: ISC License

JavaScript 82.38% HTML 10.09% CSS 7.53%

contest-portal-frontend's Introduction

Frontend

This was built with node and inferno (which is a lightweight react alternative)

Installation

Enter the directory.
Installing yarn package manager : https://yarnpkg.com/en/docs/install
We need node version greater than 6. If your distro does not provide that, you can use nvm to install it

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
source ~/.bashrc
nvm install node
source ~/.bashrc

Installing dependencies:

yarn install

Starting Frontend dev server

This is the dev server which will auto refresh when you edit any file

Open a new window in your Terminal. Enter the directory.

yarn start

Building frontend

This will build the output files and can be used for deployment or when you want to only work on the backend

yarn build

contest-portal-frontend's People

Contributors

Stargazers

Watchers

Forkers

karandeepsj newbazz alirizwi surana-mudit troublemagnet ishucr7 kunalgarg2100 bruce-wayne99 kanav-7 sayak119 kushal0601

contest-portal-frontend's Issues

Add previous and next buttons in the question viewer page

We need buttons to go to the previous or the next question on the question viewer page. As of now dont care about validation, just add links to the questions and style them as buttons.

See this file https://github.com/felicity-iiith/contest-portal-frontend/blob/master/src/QuestionViewer/index.js

Add markdown support

Markdown is a convenient format to write questions in.

Add support for rendering question bodies via markdown with remarkable

There are couple of remarkable react helpers on npm. However if they dont work you can always make your own helper or directly use dangerouslySetinnerHTML

Answer validation.

I will work on this issue.

Move current user info to navbar

Need to add a line in src/Navbar/index.js where you specify the email of the currently logged in user

Add an input box for answer and check for validity

Add a form, having an input box and a submit button.

On pressing submit, the answer should go via a POST request to /questions/:qno/answer and the response of this can be displayed via an alert dialog

This issue can be solved in 2 parts.

Scoreboard

The scoreboard is completed in the backend. Now we can display it in the frontend

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.