Giter VIP home page Giter VIP logo

kaustav202 / organica Goto Github PK

View Code? Open in Web Editor NEW
16.0 1.0 17.0 1.55 MB

Portal for organic product and lifestyle enthusiasts. Simple Parallax effects and clean UI has been used to make the landing page of the site. It aims to evolve as a platform that can bring more people into adopting organic lifestyle.

Home Page: https://kaustav202.github.io/organica/

HTML 76.42% CSS 20.61% JavaScript 2.97%
landing-page clean-ui parallax web-development website good-first-issue hacktoberfest hacktoberfest-starter beginners easy

organica's Introduction


organica

๐Ÿ”—๐Ÿ”— Organica Website ๐Ÿ๐Ÿ‚


A website that attempts to bring forth the importance of adopting a more organic lifestyle and also provides means of making it possible by establishing direct channels between the consumers and producers of organic products. This project aims to evolve into a platform that can be very useful for the community while being completely non-proprietary and maintained by passionate individuals. Cool Parallax effects and clean UI have been used to make the site's landing page. The site is deployed on GitHub pages.

Tech Stack Used

JavaScript ย HTML5ย  CSS3


How to get started with contributions

Steps To Contribute

  • Fork this Repository.

  • Clone the Repository: git clone "url of this repo"

  • Check existing issues or raise a new issue of your own and ask it to be assigned to you.

  • Wait for the issue to be assigned to you.

  • Create a branch: git checkout -b <your-new-branch-name>

  • Put your code:-

    • Make all necessary changes or modifications to the code in your local cloned branch.
    • Necessary information like functionalities, screenshots, and working video(if required) should be kept handy (you will need to present it when submitting the PR)
  • Push changes to GitHub ( on your forked repo ) : git push origin <add-your-branch-name>

  • Create a new pull request to the original repo (the main branch of this repo )

  • Submit your changes for review.

  • And Boom! You're done ๐Ÿฅณ

  • The maintainers will review and merge your changes into the main branch of this project. You will be automatically notified via E-mail once the changes have been merged.

Note: If you want your changes to count towards hacktoberfest, ensure that the issue you are working on has the #hacktoberfest label


GitHub release

GitHub pull-requests mergedย  ย GitHub branchesย ย Maintenance ย  ย  Maintainerย  ย GitHub license

GitHub forks ย ย GitHub starsย ย GitHub issuesย ย GitHub contributors

Contributors ๐Ÿ“‘

Project Maintainers โšก


Happy Contributing! ๐Ÿงก

forthebadge

Star Mark this repository and keep contributing as you learn!!

organica's People

Contributors

alve2000 avatar kaustav202 avatar lalit-03 avatar rathoreabhiii avatar

Stargazers

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

Watchers

 avatar

organica's Issues

Update README

The README file has some typos and grammar errors which I would like to fix.

Fix positioning of Vertical white lines.

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • Do you want to request a feature or report a bug?

Yes

  • What is the current behavior?

The vertical white lines used to give an aesthetic look to the site are not behaving naturally.

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem

  • What is the expected behavior?

The lines should be contained within their respective sections instead of flowing out.

  • What is the motivation / use case for changing the behavior?

To improve the UI of the website.

  • Please tell us about your environment:

    • Version:
    • Browser: [all | Version 1.43.93 Chromium: 105.0.5195.127 (Official Build) (64-bit)]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Implement standard HTML Format and SEO

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • What is the current behavior?
    Currently the main index.html file lacks a proper structure for a HTML document.

  • What is the expected behavior?
    The index file should have the head and body tags for better implementation as well meta tags for better site optimization and link tags instead of large style tags inside the main index file.

  • What is the motivation / use case for changing the behavior?

  • Better site structure
  • Improve SEO
  • Improve response time
  • Please tell us about your environment:

    • Version:
    • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]

Color Change for "Buy Organic"

  • I'm submitting a ...

    • change/modification
  • Do you want to request a feature or report a bug?
    -> change the color of "Buy Organic as it's sortof unreadable due to excess brightness at that specific place", from "wheat", to
    "#D4B996FF".

  • What is the current behavior?

  • What is the expected behavior?
    -> easy readable

  • Please tell us about your environment:

    • Version:
    • Browser: [Chrome 108.0.5359.73 (Official Build) (64-bit) ]
    • Language: [all]

Screenshot (17)

add footer

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue

feature request

  • Do you want to request a feature or report a bug?

feature

  • What is the current behavior?

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem

  • What is the expected behavior?

  • What is the motivation / use case for changing the behavior?

  • Please tell us about your environment:

    • Version:
    • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Adding favicons

I checked you website and found that it does not has favicons. Would you please assign this issue to me.

Adjust mobile styling to be more friendly for small screens

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • What is the current behavior?

Webpage does currently scale down responsively, but some images are cut off and the text isn't evenly aligned. I'd like to rework the mobile styling to be cleaner and have a more user friendly design.

  • What is the motivation / use case for changing the behavior?

To have the page be cleaner and easier to navigate/read for users on small screen devices

  • Please tell us about your environment:

    • Version:
    • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]

Subpage [ Organic Benefits ]

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • Do you want to request a feature or report a bug?

  • What is the current behavior?

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem

  • What is the expected behavior?

Adding a subpage that highlights the benefits of using organic products in day to day basis.

  • What is the motivation / use case for changing the behavior?

To promote the organic culture, the platform needs an entirely dedicated subpage

  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Need to include good content and attractive images

Add a navbar

Currently in the website , it seems more like a pdf of some book than a live website. Add some Navbar at the top and the logo of the website there to give it a better look.
Also the color effects must be changed as the do not suit the theme of the website.

Add Navbar

A sticky horizontal navbar at the top could help navigate to different sections of the site

Customize the scrollbar

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • What is the current behavior?
    Default scrollbar

  • What is the expected behavior?
    Customized scrollbar according to the theme.

  • Please tell us about your environment:

    • Version:
    • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]

Adding dark overlay to section images, to make the text over them clearly visible

  • I'm submitting a ...

    • design issue
    • change/modification
    • bug report
    • feature request
  • Do you want to request a feature or report a bug?
    report bug and request a feature

  • What is the current behavior?
    There are texts with light colors over the pictures which are bright too.
    image

image

  • What is the expected behavior?
    The texts are not easily readable, it stresses the visitor's eyes. So I suggest adding overlays to the image to make them a little darker so that the texts can be seen easily without any strain. Alternatively, the font color could be changed to use a darker font.

Tell me what do you think and assign it to me if you think this is a valid issue.

  • What is the motivation / use case for changing the behavior?
  • Enhancing the UX
  • Please tell us about your environment:

    • Version:
    • Browser: Chrome

Add login Page

if you sell organic product on your platform in future then you need login page.

Navbar not present - Add navbar

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • What is the current behavior?
    There is no navbar visible in the webpage. Creating a new navbar if one is not present.

Add a back to top button

  • I'm submitting a ...

    • bug report
    • feature request
    • change/modification
    • design issue
  • Do you want to request a feature or report a bug?
    Feature

  • What is the current behavior?

there is no button that takes you to the top of the page and it would be useful for the user

  • What is the expected behavior?

A button in the right corner that takes you to the top of the app

  • Please tell us about your environment:

    • Version:
    • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]

adding favicon

  • I'm submitting a ...

    • [0] bug report
    • [1] feature request
    • [0] change/modification
    • [0] design issue
  • Do you want to request a feature or report a bug?
    I noticed that your website does not have a favicon I would like to take this issue and add a favicon to you website @kaustav202

Adding Footer

  • I'm submitting a ...

    • feature request
      Footer UI for the homepage
  • Do you want to request a feature or report a bug?
    feature

  • What is the current behavior?
    Currently, the website doesn't have a footer.

  • What is the expected behavior?
    image

@kaustav202 what you say?

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.