Code Monkey home page Code Monkey logo

onestophelp's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

onestophelp's Issues

Design contact Us page

Contact us Page comprises mainly of these 2 features :

  1. contact details like phone no,email,address and our social handles.
  2. feedback form.

Changes required in Contact Us page

Change theme according to the home page. Use bright colours and light background. Make changes in navbar and make it as it is in home page.

Add a Contributors Guideline

Description
Create Contributors Guideline to help new Contributors get started with this Project.

Additional Details
Add a CONTRIBUTING.md to allow new users to get started with knowing how to contribute.
Add Screenshots wherever possible.
Add the basic information about creating Issues, Pull Requests and Branching.
Mention tutorials related to Git and Github to help them better understand.
You can use the content on the Notion Workspace as a reference for the Tutorial Links.

Make a proper folder structure for the project

Folders:-

  1. public include folders:-
  • css
  • js
  • img
  1. view includes files:-
  • index.html
  • resources.html
  • updates.thml
  • team.html
  • contactus.html
    -login/signup.html
  1. Change the index.js file to app.js file(outside the folders)

Create .gitignore file

Add a new file .gitignore in the project.
A .gitignore file is a plain text file where each line contains a pattern for files/directories to ignore.

Create Issue + PR Templates

Description
Create a custom Issue and Pull Request Template.

Additional Details
Make an Issue Template. Any new Contributor must be able to specify if it is a new script or enhancement to an older one. It should also be specified which language he is coding it in.

Make a Pull Request Template. Any new Contributor must be able to specify if he has met all the requirements like Clean Code, proper README and Documentation, Screenshots (If any) attached and more.

You can take inspiration from here and check this out to know how to achieve the same.

Design Resource Page

Includes all Departments.
And under each department, there will be:-
Syllabus, Notes, Books, Previous Year Papers

(If you have a better idea, then do comment it)

Contemplate a Tagline for OneStopHelp

Task
Make a catchy tagline for the web app. It should go with the theme and the logo which will be finalized soon. Till then feel free to contemplate a catchy line.

Procedure
Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR

Design a new logo for OneStopHelp

Task

You are supposed to design a new logo (apart from the readme.md file one). Look for some awesome designs for cool ideas.
(Include logo designs of both - text type and icon type)

Implementation

Tools used: Adobe Photoshop, Adobe Illustrator, Canva or any other tool convenient to you.
Create designs and share screenshots in the comment section
Once finalized create PR

Procedure

Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR

Changes in Navbar

  1. Logo at left

  2. Next to the logo, there will be
    Resources
    Updates
    Team
    Contact Us

  3. Login/SignUp at Right

Design a login/sign Up Page

sign up page should accepts the inputs like :

  1. Name
  2. User Name
  3. email id
  4. password
  5. confirm password

login should accepts the inputs like :
1, User name or email
2. password

You can also add some additional inputs if needed.

Changes required in Resource page

Change theme according to the home page.

  1. Add navbar
  2. Add Syllabus, Notes, Books, Previous Year Papers under each department using different cards or do something creative(For eg: under CSE, there should be some cards of notes, syllabus, books etc. )
  3. Add footer

Changes required in Team Page

Change theme according to the home page.

  1. Add navbar
  2. Add Github Profile pictures instead of random pictures or make a folder in the project, add drive link and ask all to add their pictures in that drive and use those pictures.
  3. Instead of Html, js logo just below the profile pictures, add their GitHub profile link.
  4. Make cards of the same size(fix the height of cards).
  5. Add footer

Changes required in Login/Signup page

Change the theme which looks like the home page(light background, change font size and colour accordingly). Shift everything(the login signup component) a bit upwards so that there will be no need to scroll down and the page will be static.

Design animated team page

Design a team page with some animations :)
It includes:

  1. Project Admins (Sonali and Priya)
  2. Project Maintainer(DSC IGDTUW)
  3. Clan of Contributors(All the mentees)

Update Code of Conduct

Description
Create a Code of Conduct which the Mentors and Participants must abide by.

Additional Details
Mention the Standards which everyone should abide by on welcoming and inclusive language including constructive criticism.
Add the required responsibilities for Project Maintainers.

Set up a server

Create an app.js file.
Import Modules
Create server
Make a request to the Node.js Server(see if it works)

Create a splash screen

Design a splash screen which can serve as a loading screen to give the end user immediate feedback that an application is started and loading in the background.

Design a basic layout of homepage

Tasks

This is the first page that opens when a user visits the website.

This includes:-

  • Navigation Bar - Full-Length Navigation Bar for large and extra-large screens and full-Screen Overlay Navigation Bar for medium and smaller devices. (For this, you can check the site map in the readme.md)

  • Brief Description of the project

  • Footer

Procedure
Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR

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.