code-dig-ger/frontend

This is the Frontend open-source repository of Codedigger. Codedigger aims at accumulating the data of competitive programming platforms into one platform.

frontend's Issues

text alignment is not proper

hey there , in features section the text alignment is not proper it is floating outside the boxes also the css styling is not properly done please assign it to me so that i can correct it

[Refactor] Practice and Ladders Page

Refactoring practice and ladders page.

Here are few practices which we need to ensure while refactoring a file-

1. Removing the inline CSS and adding them into a separate CSS file.
2. Breaking the page into smaller components and reusing them when needed.
3. Adding app the API calls into the actions directory.
4. Making sure the code is modular enough.

Looking forward to your contribution :)

Add an Open Source License to this Repo

Add Apache 2.0 or MIT License.

The license guarantees that others can use, copy and modify the source code of the project. You need to add this file to each repository with your open source project. MIT and Apache 2.0 GPLv3 are the most popular licenses for open source projects.

Choose a License

Add docker file

Add a docker file to create an image of this repository. Refer this.

[Style] Add StyleLint

Add stylelint to the repo.
Refer https://stylelint.io/user-guide/get-started/

1. Install stylelint as a dev dependency using npm install --save-dev stylelint stylelint-config-standard
2. Make '.stylelintrc.json' file in root.
3. Add
   { "extends": "stylelint-config-standard" } in the .stylelintrc.json file.

Make a PR after doing the above.

Add Code of Conduct File in this REPO

See Backend Code of Conduct File

Code of conduct is a document that establishes expectations for behavior for your project’s participants. Adopting, and enforcing, a code of conduct can help create a positive social atmosphere for your community.

Contributor Covenant Code of Conduct

Review and Edit Contributing Guidelines (CONTRIBUTING.md File )

A CONTRIBUTING file tells our audience how to participate in your project.
For example, you might include information on:

• How to file a bug report (try using issue and pull request templates)
• How to suggest a new feature
• How to set up your environment and run tests

In addition to technical details, a CONTRIBUTING file is an opportunity to communicate your expectations for contributions, such as:

• The types of contributions you’re looking for
• Your roadmap or vision for the project
• How contributors should (or should not) get in touch with you

Using a warm, friendly tone and offering specific suggestions for contributions (such as writing documentation, or making a website) can go a long way in making newcomers feel welcomed and excited to participate.

In the earliest stages of your project, your CONTRIBUTING file can be simple. You should always explain how to report bugs or file issues, and any technical requirements (like tests) to make a contribution.

Template Contributing File
More about -

• 1
• 2

Example

[REQUEST] Domain name expired - Please renew it

I could not access the website codedigger.tech as the domain has expired as of June 3, 2021.

[Refactor] Problem List Page

Refactoring problem list page.

Here are few practices which we need to ensure while refactoring a file-

1. Removing the inline CSS and adding them into a separate CSS file.
2. Breaking the page into smaller components and reusing them when needed.
3. Adding app the API calls into the actions directory.
4. Making sure the code is modular enough.

Looking forward to your contribution :)

Error in deployment!

The link is not working.

Login Screen

Is your feature request related to a problem? Please describe.
Login form is so small according to the screen size. it seems like lot of space is unused which makes a bad impact on user

Describe the solution you'd like
we can increase it size by giving more padding and also make input boxes color according to the theme of website.

Mixed Content Error: https requested http cdn

Describe the bug
A clear and concise description of what the bug is.
Deployment shows mixed content error, which is actually triggered by http://i.cdnpark.com/themes/registrar/982822.css

To Reproduce
Steps to reproduce the behavior:

1. Go to 'codedigger.tech'
2. Open console
3. See error

Expected behavior
A clear and concise description of what you expected to happen.
site content should be visible

Screenshots
If applicable, add screenshots to help explain your problem.

Proposed solution

Please copy the content css and put the content in separate local style sheet

[Discussion] Design Ideas

Discussed in #17

^{Originally posted by Anurag5086 October 1, 2021}

👋 Welcome!

We’re using Discussions as a place to connect with other members of our community. We hope that you:

• Ask questions you’re wondering about.
• Share ideas.
• Engage with other community members.

We are looking to revamp our UI of the website. It would be really great if we can have a healthy discussion on the design updates which we can make to improve the UI/UX of the website.

Looking forward to your wonderful ideas.

Height of Profile section

Is your feature request related to a problem? Please describe.
Height of profile section is more.

Describe the solution you'd like
Height of profile section can be reduced for better UI

Before:

After:

navbar modified

I have added padding to navbar to make it look more presentable.
Before padding:

After padding:

@Anurag5086 please assign me this issue

adding placeholder and scroll down

when we move to login page there is no placeholder under the username and password by which user could understand that he/she have to enter the name and password . Secondly there is no scroll down option for register page

Forget Password UI

UI of the forget-password page needs some upgrading.

[Refactor] Profile Page

Refactoring the Profile Page

Here are few practices which we need to ensure while refactoring a file-

1. Removing the inline CSS and adding them into a separate CSS file.
2. Breaking the page into smaller components and reusing them when needed.
3. Adding app the API calls into the actions directory.
4. Making sure the code is modular enough.

Looking forward to your contribution :)

[Refactor]: Update README File

Also, See Backend README

Purpose of Project
(Why our project is important and What is it)

How to use code? (How one can run our website locally)
All exceptions and set up of env file too.
Provide .env.example file for that

Our Frontend App is using API Link. Provide that.

Where can I get more help, if I need it?
Contact Information

Useful Links -

• Best README Templates
• Make a Readme

format the whole project by prettier

Like : All file have
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}

{CI}: Add Circle CI

Responsive Website

When I tried to minimize the website the contents were not on their place including the contents of footer which means that the site is not yet fully responsive.

To Reproduce
Steps to reproduce the behavior:

1. try to resize the size of the website by opening inspect
2. Focus on the footer contents and the youtube video containers
3. See that the site is not responsive yet as the contents are overlapping

Expected behavior
After minimizing all the contents of the website should resize according to the size available

Desktop (please complete the following information):

• OS: [Windows]
• Browser [Chrome]
• Version [ 96.0.4664.93 (Official Build) (64-bit)]

Smartphone (please complete the following information):

• Device: [Vivo]
• OS: [Funtouch OS]
• Browser [Chrome]

[Refactor] Problem and Contest Page

Refactoring problem and contest page.

Here are few practices which we need to ensure while refactoring a file-

1. Removing the inline CSS and adding them into a separate CSS file.
2. Breaking the page into smaller components and reusing them when needed.
3. Adding app the API calls into the actions directory.
4. Making sure the code is modular enough.

Looking forward to your contribution :)