Giter Club home page Giter Club logo

lazycode's Introduction

🔖 lazyCode

Hey there, my amigos,:wave: this open source project is different because we're taking your obsession with creating your Competitive coding / DSA GitHub repo to the next level by providing you with a full blown awesome beautiful amazing (okay, that's enough I guess) website template for your own website repository, where you could see your code shimmering like diamonds getting all of your undivided attention.
But, hold on, what's that? What's the greatest place to seek for anything like that? Who will be the one to bring it to us?
You, amigo, are the answer. Why wait for others to provide you with whatever you want if you have the imagination and the necessary skills? Go get it if you want something. (Enough with the motivational speeches, please. :trollface:)
So, without further ado, let's get started.

What more you should know ❓

Everything will be done with HTML, CSS, and probably some javascript for good measure. Yes, react will be a better option for this, however, for the time being, this project wants young talented minds to apply their abilities and make substantial contributions to their first open source project while having fun, so why not keep things simple for now? After the hacktoberfest celebrations, we will move up a step and make this project with react while also adding some crazy functionality.

During the hactoberfest season We're aiming to make a simple template so that you can clone and update your own codes with that hosting in your github pages for the duration of hactober fest, but as time goes on, we're aiming to make this a one-of-a-kind repository (web app) where you can all upload your unique codes under your wonderful names, share them, chat with others about codes, and have fun.

Last but not least, here are the designs to get you started on this exciting trip 🎉.

lazycode's People

Contributors

abhi27-web avatar aditi0102 avatar akhilesh2002 avatar arjunarora-17 avatar arnabiscreating avatar ashwinair avatar bmwasonga avatar codeingwolf avatar deepsourcebot avatar dynamickey avatar garima010303 avatar graymonkeycap avatar hamda-fizal avatar harshitajain165 avatar ishika07 avatar loud-mouth avatar mnaiwrit52 avatar okvarsh avatar prgayake avatar ritik3131 avatar riyashukla6102 avatar samyakverma avatar shubhamgupta577 avatar sidanand67 avatar sumanbyte avatar urmilkalaria avatar urvashiparashar avatar vasvi-sood avatar vishalk3102 avatar zaidmarrie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

lazycode's Issues

Modify and enhance the contents of contribution.md

The following items should be included in the contents:

  • A brief description of the project.
  • How you can help with the project.
    — By correcting any errors.
    — By resizing and optimising any file.
    — By incorporating new features.
    — By removing any codes that are redundant.
    — As well as working on any issues we place there on a regular basis.
  • How newcomers can become involved by raising issues or viewing labels on existing issues such as good first issue, up for grabs, and open to all.
  • How to fork, clone, branch, and host locally, as well as how to edit the contents
  • Some useful Git and GitHub commands for contributors
  • A overview of Hacktoberfest and what it implies for the contributors.
  • Change the file name to CONTRIBUTING.md.
  • And you are free to add anything else to it aside from these.

NOTE: Make sure to use appropriate markdown syntax and emojis.

Discussion on how to make this template scalable and user friendly.

Here, you and I can discuss how we can add new and user-friendly features to this static template so that coders like us can utilise it more easily.

  • You might leave a comment below if you have a new and original idea about this.
  • If your suggestion is useful to the users, I'll turn it into an issue and assign it to you.
  • The README.md and introductionAndFeatures.md files in the Assets folder can be used to learn more about this project.

I'm looking forward to hearing about your fantastic ideas.

Create the lazyCode landing page

Create the landing page in line with this design, using html and CSS, and keep these points in mind:

  • You can copy all of the photos from the figma file as .svg and save them in a folder called Assets/Images, then utilise them in the .html file.
  • The HTML file should be placed in the Markups folder, and The CSS file should be placed in the Styles folder.
  • There should be no redirections or links in any of the buttons in footer and header.

Landing Page

Write Introduction paragraph and features of the Web App.

We currently have dummy lorem ipsom text on the home page, which you can see in the design here, and we want to replace it with an actual introductory paragraph as well as feature points, As a result, we're looking for cool writers to share their thoughts.

  • Some helpful hints for introduction and features can be found in the readme section and in the designs, and please feel free to discuss them in this issue.
  • In the Assets/Features folder, place the introduction paragraph and feature points in a file called introductionAndFeatures.md.
  • The following should be included in the file:
    -- Paragraph of introduction
    -- Lists of qualities of web app

Contributing CSES solutions

Hi,
I have been doing competitive programming for a few years now. I would like to add some codeforces/codechef problems and their solutions to your repository for my hacktoberfest 2021 contribution.

But I wanted to know if I could add some of my coding problems and solutions from CSES as well?
CSES is known to be a great resource with selected problems that teach everything from the basics to the advanced very quickly.
You can find world champions attempting CSES problems.

Let me know. Thanks.

Add link buttons and fix bottom buttons on the home page

  • As shown in the designs, there are three small link buttons on top of the home page as part of the new design adjustment.
    Namely Codechef, Codeforces and Leetcode button.
  • These buttons should be added to the homePageDemo.html file.
  • Fix the bottom buttons as well. (i.e. Codechef, Codeforces, Leetcode, Hackerrank and Miscellaneous)

Home Page

Add Coding Questions

  • Add coding questions and their solutions from sites like Codeforces, HackerRank, Leetcode, Codechef, and miscellaneous that you answered on your own.
  • They should be placed in the Assets/Codes/platformName* folder (where platformName should be Codeforces, Hackerrank, Leetcode, and so on.)
  • The file name for the questions should be the question name in camelcase (Ex.- aGrowingTree.md).
  • The file should be a .md file, and the contents should be as follows:
    [NOTE: Follow the boilerPlate.md template included in the Assets/Codes folder.]
    -- The name of the question,
    -- the language (C++, Js, Python, etc. ),
    -- the question platform (Codeforces, Hackerrank, etc. ),
    -- and finally the question and its solution,
    -- explanation of solution is optional.

These questions will be added to the web app after the template is complete.

Create the lazyCode home page

Create the home page in line with this design, using html and CSS, and keep these points in mind:

  • leave the dummy text unchanged.
  • You can copy all of the photos from the figma file as .svg and save them in a folder called Assets, then utilise them in the index.html file.
  • For the time being, the contributors link in the upper right corner should not include any links.
  • Buttons include Codeforces, Leetcode, hackerRank, CodeChef, and Miscellaneous.

Home Page

Create the lazyCode questions page

Create the Questions page in line with this design, using html and CSS, and keep these points in mind:

  • Leave the dummy text unchanged.
  • You can copy all of the photos from the figma file as .svg and save them in a folder named Assets before using them in the subsequentQuestions.html file. (the naming should be the same for all questions pages, i.e. hackerrankQuestions.html, leetcodeQuestions.html, and so on.)
  • Top right side dropdown buttons are Codeforces, Leetcode, hackerRank, CodeChef, and Miscellaneous.

Questions Page

Create the lazyCode solution page

Create the solution page in line with this design, using html and CSS, and keep these points in mind:

  • leave the dummy text unchanged.
  • You can copy all of the photos from the figma file as .svg and save them in a folder called Assets, then utilise them in the solution.html file.
  • Top right side dropdown Button include Codeforces, Leetcode, hackerRank, CodeChef, and Miscellaneous.
  • The back and next are the buttons located below the compiler at the bottom.
  • For the time being, add a dummy compiler image as shown in the design.

Solution Page

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.