Git Product home page Git Product logo

post-it's Introduction

Hey there

I am Shivam Singh(He/Him), an undergraduate student from IIEST Shibpur. Do you have something fun to chat about? Connect with me at:

Shivam's LinkdeIN Shivam's Facebook Shivam's Telegram Shivam's Instagram Shivam's Leetcode Shivam's Medium

Languages and Tools:

๐Ÿ“ˆ My GitHub Stats

shivam-51

post-it's People

Contributors

aditya2610 avatar baahubali7781 avatar imgbot[bot] avatar imgbotapp avatar narapureddy-srikanth avatar nikblaze avatar praneetha3108 avatar ritikashrestha-me avatar shivam-51 avatar vipinvip avatar vitormateusalmeida avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

post-it's Issues

add scoped to footer

I cannot see why the style should not be scoped in src/components/Footer.vue.

Code Pointers:-

  • go to src/components/Footer.vue
  • change <style> to <style scoped>

Define the "Blogs" panel in a card structure

Currently in clicking on Blogs gives us form which does not look very good. Even the width of the rows are not equal.
Define the whole blog form in a card and equalise the width of the rows.
Should not be very difficult

testing

changes in Logincard , Signuocard ,Navbar and add pilogo file

Highlight a Navbar tab only when that page is active

The Navbar leads to mainly 3 major pages: "Blogs", "Threads" and "Meet the team".
All the 3 of these tabs remain in normal state throughout. Make a change such that the Blog tab gets active when we are on that page, Thread option gets active when we are on that page and so on..

Make PostIT mobile responsive

The various pages of the website are not mobile responsive yet, and if they are it could be more proper.
Tasks involved in this issue

  • Make all the pages mobile responsive(Could be done in separate Pull Requests)
  • Disable the left Hovering Sticky bar on smaller sized screens (Hide it on smaller screens)
  • Any changes to improve the website's UI is welcome.

Add NavBar

Add a preliminary navbar to the tool, can be modified later

Add margin-bottom to blogging page

On clicking on "Add Blog" from the Navbar the footer appears to close to the form. Try to shift it downwards.

Code Pointers :-
go to src/views/AddBlog.vue
add

.blogs {
    margin-bottom: 50px;
}

after <style scoped>
`

Update home page

The home page is pretty much completed except for the dummy text and 2 times SOCIT image. Update that to something related to the website

Make image responsive in Meet the Team

On going to the "Meet the team" page from the Navbar, you get the profile of all developers. This page is not responsive.
Decrease the size of your browser or open this link in your mobile and the image dislocates.
This should be fixed.

Redundant file

postit/src/views/AppBlog.vue has been created 2 times.
Remove the unused one.

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.