Giter Club home page Giter Club logo

mernecommerce's Introduction

Hi there ๐Ÿ‘‹, I'm Victor.

2z1v

๐Ÿ’ป About Me

  • ๐Ÿ”ญ A passionate web developer from india.
  • ๐Ÿค– Got facinated by AI, after reading the book Life 3.0. Planning on becoming an AI and Ml engineer.
  • ๐Ÿ”ฅ I am currently Learning JavaScript.
  • ๐Ÿ˜Ž I like to contribute to Open Source Projects and Build some Interesting projects to improve my Skills.
  • โšก I love to play football and Volleyball.

How to reach me

UI DESIGN

Figma

๐Ÿ›  Tech stack

HTML5 CSS3 Python JavaScript TypeScript

React Next JS Redux TailwindCSS MUI

NodeJS Express.js Django

GraphQL Redis MongoDB MySQL

Git GitHub

Visual Studio Code Ubuntu

Deployment

AWS Azure Github Pages Vercel

Victor's GitHub stats

GitHub Streakย 

Top Langs

mernecommerce's People

Contributors

felobateer avatar harshdeep61034 avatar monilprajapati avatar sky-de avatar victorchrollo14 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

mernecommerce's Issues

Build the login and registration component.

Both the login and Registration component will lie in the same section.
you will be able to toggle between the login and registration within it.

This Section will appear when you click on account Icon.
Screenshot from 2023-08-05 16-47-28

Create Client side routing for shop page and product page.

Tasks

  • create new routes for each product when we click on different products in shop page.
  • example: /shop/shirts , /shop/bottoms, /shop/knits. Etc
  • Add a link on each product in shop page such that, it directs to the product page with the corresponding product data. Eg: /shop/product-name1 /shop/product-name2 , /shop/product-name3.

I think this can be achieved with something called as dynamic routing.

Create the cart functionality.

Things to do

  • add addToCart functionality in homepage and product page.
  • Fetch cart products and display on cart page along with the price calculations.

Add routes to get product data.

Tasks

  • add routes to get all products data from mongodb database.
  • Fetch all the data from mongodb along with the images from backend and display it on the frontend.

create the product page.

tasks

  • create a product context inside contexts folder, that is used to access product data from the backend, for now using a json file.
  • make a custom hook with the product context so we can reuse it throughout the applications where ever we need it.
  • clone all the features that exist in product page in the vanilla .js project.

add productContext

  • add the assets to use in the shop page.
  • create a productContext to temporarily get the data from a json file and use it in the application.

add user registration and authentication using jwt tokens. and also the user context.

Tasks

  • Create routes for registration and login.
  • Add controller functions for user registration
  • add controller function for user login using jwt tokens.
  • create a verifyToken middleware to validate jsonwebtoken from client side.
  • create a userContext to manage User data on frontend, plus error and succes states to display relevant errors and success messages

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.