Giter Site home page Giter Site logo

piryanshu88 / laptopwala Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 6.78 MB

This Project is a clone of Dell Technologies. Dell's products include personal computers, servers, smartphones, televisions, computer software, computer security and network security, as well as information security services.

Home Page: https://laptopwala.netlify.app/

HTML 1.81% JavaScript 82.41% CSS 15.79%
axios chakra-ui css javascript localstorage mongodb mongoose mongoose-schema nodejs nodemon

laptopwala's Introduction

Hi ๐Ÿ‘‹, I'm Piryanshu Bisht

Typing SVG

I am passionate about technology. Apps that are interesting and useful are what I'm passionate about. And I'm enthusiastic about learning and willing to work across multiple technologies and domains. Exploring cutting-edge technologies and using them to solve real-life problems sparked my interest.

  • โš—๏ธ I am a Full Stack (MERN) web developer.

  • ๐Ÿ‘€ Iโ€™m interested in Mern Stacks and Animation...

  • ๐ŸŒ I'm based in Delhi,New Delhi

  • ๐Ÿ’ž๏ธ Iโ€™m looking to collaborate on ...

  • ๐Ÿ’ผ Visit my Portfolio for more details.

  • โœ‰๏ธ You can contact me at [email protected]

  • โžก๏ธ My linkedin id : Piryanshu Bisht

  • ๐Ÿง‘โ€๐Ÿ’ป My Hackerrank id : Piryanshu Bisht

  • ๐Ÿง‘๐Ÿฝโ€๐Ÿ’ป My Leetcode id : Piryanshu Bisht

โšก One line that describes me best?

Someone who loves to solve problems and is eager to learn


๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Tech Stack

html5 css3 bootstrap tailwind javascript nodejs expressjs mongodb npm postman git github reactjs redux material-ui chakra-ui styled-components jwt

๐Ÿ† GitHub Trophies




Piryanshu Activity Graph



laptopwala's People

Contributors

piryanshu88 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

laptopwala's Issues

Backend ( Server side of website ) - 1

  • make a database in mongo atlas
  • adding folder structure in MVC format
  • adding Model for auth
  • adding Model for products
  • adding product file in the database
  • adding routes for products details and single products details

Payment Page

  • giving a modal for payment
  • giving payment options
  • adding a form for address and other details
  • adding Razorpay and giving it fn

Sign In and login Page

  • adding sign-in through google
  • adding a form with email and pass
  • adding change password or forget password fn
  • adding btn create ac and sign in
  • connect it to MongoDB atlas
  • once user sign in redirects it to home

Home Page

  • adding font from google fonts for the whole website
  • adding a category section with icons
  • adding offers section
  • adding sections of different categories of laptops
  • support section
  • adding accessories sections

Cart Page

  • get the data from cart document
  • have an option for adding the quantity
  • adding btn for delete from cart
  • adding an input for coupons
  • on applying coupons prices should deducted
  • on checkout redirect to payment page

Footer

  • adding links for diff section
  • adding responsiveness for all screen sizes
  • adding accordion for tabs
  • adding this comp to app.js

Product Page

  • make filter comp and give to fn
  • make sorting fn and tag
  • get the data from the backend
  • adding it desc divs
  • give img an animation on hover
  • adding responsive to all screen sizes
  • all filter tags make it in accordion for large screens
  • on click on particular product navigate it to single product desc page

Navbar

  • adding links for all the tabs
  • adding logo
  • adding icons for cart,sign in and login
  • adding dropdown for the tabs
  • adding a drawer for the tab and mobile view
  • and remove the dropdowns in tabs and mobile
  • add search bar
  • give it fn
  • add it to app.js file

Backend ( Server side of website ) - 2

  • adding a model for the cart
  • adding routes for cart fn
  • adding filter query for products
  • adding sort by price
  • adding jwt and firebase in auth
  • deploy backend in cyclic
  • add multiple languages

Single Product Page

  • product img and scroller for it
  • adding prices for the product
  • adding tags for specs
  • adding react scroll for sec-navbar
  • adding accordion for all the specs options
  • add a button for add to cart
  • connect it to MongoDB atlas
  • on clicking on add btn the data should post on MongoDB cart document
  • and it also shows an toast for same

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.