binbard / dimencart

DimenCart is the modern era ecommerce store for modern buyers

DimenCart

Welcome to the official GitHub Repository of DimenCart. 🛒

DimenCart is a modern-era eCommerce store for modern buyers. It is a beginner-friendly eCommerce site without adopting any complex framework.

Technologies Adopted:

✔ HTML
✔ CSS
✔ JS
✔ Semantic UI

Contributing

Pull requests are cordially welcome ✨ Hacktoberfest Accepted!

Suggestions for contributions, but are not limited to...

✔ Support through creating meaningful documentation
✔ Adopt naming conventions for variables in JS files
✔ Improve/ make dull code cleaner
✔ Fix issues in the mobile screen (ex - existing navbar tab having issue in the mobile screen)

CONTRIBUTION GUIDE

If you are new to open-source contribution and don't know how to get started, don't worry, this is a deatiled step by step guide to help you make your first contribution.

Before heading any further, open terminal and run git --version to make sure that git is installed on your machine, if not, install it from here.

Fork this repository

In order to make any changes to this repository, fork it by clicking on the fork button. This will create a copy of this repository in your account.

Clone the repository

Now, to clone this repository to your local machine, copy the url of the forked repository.

Now, open a terminal and run the following command:

git clone <copied- url>

Here, replace <copied-url> with the url of the forked repository you just copied.

Create a branch

After cloning the repository, change the current working directory to the repository directory by running the following command:

cd dimencart

Before making any changes, make sure to always create a new branch. To create a new brach run the following command:

git checkout -b branch-name

You can run git branch command to check your branch status.

Make changes

Now you are all set to make changes. For that you can use any text editor, but I will recommend using Vs Code as it feature rich and easy to use. If VS Code is already installed on your machine, run the following command:

code .

It will open all the files in VS Code.

After making the changes, run git status command. It will show you all the changes you have made.

Commit those changes

Now, before commiting the changes you will have to add those changes to the branch you created. For that run the following command:

git add .

Now commit those changes by running the following command:

git commit -m "put-your-message-here"

Push to GitHub

Finally push the changes you made to github by running the following command:

git push origin -u <your-branch-name>

Replace <your-branch-name> with the name of the branch you created earlier.

Submit the pull request

Now open your browser, here you will see a notification. Juslt click on compare & pull request.

Now submit the pull request.

Soon your pull request will be reviewed and merged. You will be notified via email once your pull request has been merged.

Congratulations!! You have successfully raised your first pull request. Share on your socials.

Happy Contributing!!

Contributors

Made with contrib.rocks.

License

AGPL-3.0 license - GNU Affero General Public License

dimencart's Issues

Enhance the Navbar

Hey Harshit @uti1man !
I would like to enhance the Navbar by adding the hover effect on it. Please assign me this issue.

Add open graph image

An open graph is a preview image that shows when a link is shared on social media

for more info about open graphs read the blog below
https://ahrefs.com/blog/open-graph-meta-tags/

This website is missing an open graph image and description when shared on social media

Here's how it looks

Adding Better Hover effect on Products card

hey @uti1man !
Can I contribute in your project by adding more attractive hover effect at products card for better user experience??

Adding a Favicon to the website

Hey :)
I can see that this website doesn't have any kind of favicon. it would be quite captivating if this had one.
And I would like to work on this issue under Hacktoberfest.
Thanks :)

increment cart size on add to cart

I am working on the incrementing of the cart size when we click on add to cart option on any product

Footer doesn't occupy max-width for mobile view

The items are clustered on the footer hence bad user experience.

[FEATURE] Improving Slider User Experience

Hi Harshit, Atharva this side and I was wondering if you wanna upgrade your Slider User Experience.
I am providing a link showcasing just few changes I did with slider navigation fork-dimencart-itsEobard2025
I can't say why the Images are not rendered here but the highlight is only on the Slider as i said.

Changes :

• the bullets are clickable
• the animation are not disabled upon interaction

Add favicons

add Drop-Down menu

To make it more presentable, drop down bars to show the categories for eg. Sneakers, heels etc under the category "shoes"

Fixing Navbar links list having responsiveness issue issue

The navbar links which contains the login and cart buttons looks out of place when viewing on smaller screens

Adding navigation arrows to the cards in home section.

Please allow me to add arrow for changing the cards in the "Home" section for enhanced user experience.

Services and About are not centered in the footer section

• The services and About sections are not centered and there is too much blank space in the footer section.
  Want to work on this issue.

Adding a pre-loader to your website

Please allow me to add a preloader to your website to enhance user view.

Dark Mode Feature

I can add the toggle button to switch from light theme to dark theme and vice-versa

add CONTRIBUTION.md