pshishodia-kgp / goc-website Goto Github PK
View Code? Open in Web Editor NEWThe code for official website of Grimoire of Code
The code for official website of Grimoire of Code
Fill main page with
Users should be notified about replies to their comments or blogs.
Note that it should have the following structure.
Problem Statement
Sample Test Case
Explanation
Constraints
Expected Solution
Tags
You're supposed to create two webpages, one at '/problems' that shows the list of all the problems (probably in a table with tags maybe?) and another webpage at '/problems/problem_id = 34' (say), that shows the complete problem with index 34 with all the details.
Post has a column for when the post was created.
Time elapsed between creation and display should be rendered in this format : x days ago
If it is less than a day ago, then either show "less than a day ago" OR convert to hours "x hours ago"
Following this manner, for posts created less than an hour ago, display "few minutes ago"
The comment box for any comment other than parent comment isn't of full width.
Handle Upvotes / Downvotes for blogs and comments.
Right now, all text-areas are extendable and auto-adjust to the height they want because of a script in base.j2. Add support to add min-height to that script so that each text-area can have different minimum height to begin with.
Maintain parent comments id and also comment's depth so as to break showing nested comments by an offset after fixed depth.
login form should have fields
username/email:
password:
Sign up form should have fields:
gmail:
username (cf):
password:
confirm password:
The registration will be confirmed only user changes it email on code forces, with the same email as in here, and make it public, just for a while.
We'll have a list of companies in the backend. And the user can only select a company name among those. This is mainly to avoid duplicate and spam.
@tsaraf20 I'll add the improvements here. Please comment so that I can assign this issue to you.
Assuming we have a bunch of blogs, we need to list them out per request. Things to take care of
a rectangular box is defined in main.css. Wrap the login and signup forms using that class. The problem here is that, you do not want the box to take the whole width but only as much as the form needs.
Allow to save blog as draft.
We need to design a proper frontpage for the website using HTML and CSS. A suitable theme can be employed keeping in mind the aim of the website is to helpful students hence their CP awareness and skills, and prepare for interviews as well. Things necessary (but not restricted to) :-
Other features could be added as well.
Selecting a tag should render blogs containing that tag only.
Note: Option to not select any tag
Further: Option to select multiple tags
For now, probably just store link to cf's profile picture (can extract it during login). Also,need to update this in comments.
Shall we allow all four possibilities among edit/delete post/comment?
Forum will have normal posts that might ask for debugging or anything else.
Merge interview blogs and Forum's post into one, that is the user can create a general post, and choose if it's an interview blog or not, we'll indicate this by some other field maybe. This would also reduce the amount of code that we'll have to write twice by a lot.
A global chat where we could send instant messages, they may or may not disappear afters24 hours (say) depending on our implementation.
This can be used suppose during GOC classes to notify all users or have some random discussions.
You'll need to create model for Problems, and in the current Blog Schema, you'll have to create a relationship with multiple problem objects, and modify the queries accordingly.
While creating an interveiw Post, there's no way to add tags now. Create a search-bar where you could type through the handles and search the one you want, or create whole another tag if there doesn't exists any with that name.
Create the prototype for how a blog would look like.
Every comment should have a (minus) icon beside it, clicking on it collapses the comment including all it's descendants. (similar to reddit. ) The icon should toggle to (plus) +, clicking on which now makes all those comments reappear.
For now, only the basic skeleton for the website has been implemented. From a viewer's perspective, though it serves the purpose, it loses points in the aesthetics. Hence, improving these webpages is necessary. The required details one has to keep in mind
Allow user to format the text, say italicize it, and add latex.
We need a mechanism for submitting blogs. Assume you receive a post request at "/submitBlog". We need a handler function that handles the post request. It should
Currently implemented as one-many (Each blog can have multiple tags)
Should be many-many (Tags can be shared commonly by multiple blogs as well)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.