Giter VIP home page Giter VIP logo

aamirfarookh / global-tech Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 87 KB

This is a full stack project inspired by the official website of Apple Inc. The tech stack used for the project is HTML, CSS and vanilla JavaScript on the front-end and Node, Express and MongoDB on back-end

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

JavaScript 17.55% HTML 58.72% CSS 23.73%
apple expressjs html-css-javascript nodejs responsive-layout authentication bcrypt-hashing-library ecommerce-website jwt-authentication

global-tech's Introduction

Hi ๐Ÿ‘‹, I'm Amir Bhat

A passionate Full-Stack developer from India

I'm a skilled Full-Stack developer with expertise in building scalable server-side applications using Node.js and frameworks like Express.js and Nest.js. I have experience integrating databases and AWS services and am dedicated to writing clean, efficient code. I'm a collaborative problem-solver committed to delivering high-quality solutions that exceed expectations.

aamirfarookh

aamirfarookh

  • ๐Ÿ”ญ Iโ€™m currently working on Node Backend Development

  • ๐ŸŒฑ Iโ€™m currently learning Node, Express, MongoDB

  • ๐Ÿ‘จโ€๐Ÿ’ป All of my projects are available at (https://aamirfarookh.github.io/)

  • ๐Ÿ’ฌ Ask me about HTML5, CSS3, JavaScript, Node, Express, MongoDB

  • ๐Ÿ“ซ How to reach me [email protected]

  • ๐Ÿ“„ Know about my experiences https://drive.google.com/file/d/1vzEWvqYDZm_Lju1zNOWbX5dc0Jy-XO9C/view?usp=drive_link

  • โšก Fun fact Did you know that the term "debugging" comes from an actual bug? Yes, that's right! Back in the 1940s, a moth flew into a computer and caused a malfunction. The technician who found the moth taped it into the log book with the note "first actual case of bug being found." And thus, the term "debugging" was born. It's a good thing the moth wasn't a butterfly, or we might be calling it "butterflying" instead.

Connect with me:

aamirfaroukh amir-farooq-92957b166

Languages and Tools:

css3 express figma git html5 javascript jest mongodb nodejs postman

aamirfarookh

ย aamirfarookh

aamirfarookh

global-tech's People

Contributors

aamirfarookh avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

global-tech's Issues

Profile page

  • User's personal info
  • change password functionality
  • Update profile functionality

Landing page

  • Navbar with pop down menus
  • Main content with slideshow
  • Footer with all the necessary links.

Backend setup

  • Setup folder structure
  • setup backend application
  • connection to DB
  • Install all the dependencies

Product page

  • Product page UI
  • Categories [mobiles,laptops,tv,accessories]
  • Sort by price
  • Filter by ratings
  • Apply pagination
  • Search functionality
  • Add to cart functionality

Register Page

  • Sign up page UI
  • send data to backend
  • redirect to login page

Cart page

  • Show products added in cart.
  • Show Cart Total
  • Show Quantity (including increment and decrement button)
  • Checkout Button
  • Remove Button
  • Responsive

Product model and router

  • Collect product data
  • Create product Schema and model
  • Create get route for products
  • Apply all the necessary filters on get route
  • Apply pagination
  • Implement cart functionality
  • Implement wish list functionality
  • Order history

Login page

  • Create UI for Login page
  • Fetch the data from backend
  • Approve login or throw error
  • If user not found redirect to register page

Checkout page

  • navbar
  • total amount section
  • address details form
  • card details form. >> online payment
  • OTP authentication.
  • pop up of order successful/unsuccessful
  • Post data into orders route.

User model and router

  • Create user Schema
  • Create login route
  • Create register route
  • Generate hashed passwords
  • Generate JWT tokens

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.