Skip to content

Welcome to The_A-Z_Proj repository, this project aims to replicate Amazon website. My goal is to showcase my technical skills.

License

Notifications You must be signed in to change notification settings

PPraneesh/The_A-Z_Proj

Repository files navigation

The_A-Z_Proj (Replica of Amazon)

This project is a replica of the popular e-commerce platform Amazon, built using Node.js, Express.js, EJS, MongoDB, CSS, and HTML. It aims to showcase various functionalities commonly found on e-commerce websites.

Screenshots

Login page

  • Welcome to the login page of the website. (which is at /login route)
  • You can login using Gmail (that is authentication using google) or using an email and a password (which will be hashed and salted when stored) Login page of the website

Home page

  • Welcome to the home page, where you have the option to explore various sections such as BestSellers, Mobiles, Laptops, and Accessories.
  • You can utilize the search bar to easily find products throughout the website.
  • You can click on each tile to get details about the product.
  • You can click logout button to logout from the website. Home page of the website

Product Page

  • You can click on add to cart, this will add the current product into a array (called cart).
  • Also whenever you visit a product page the current product will get added into an array (called userInterests) automatically to track user interests Product page

Console images

  • you can see that user interests are tracked, those objects are info about the products which user searched for..
  • You can also see the cart items which user added. Currently this project don't render cart items seperately. Console output

Requirements for this project to setup locally

  • You need to install Mongodb to run this project
  • Simply head over to this link
  • Click on Select package and select preffered platform and click download
  • Just simply click next and don't forget to check the box for installing mongodb compass

Setting it up locally (on your device)

  • First download this project folder and extract it.

  • Now you need to create a .env file or just simply create a file named '.env'

  • Now you need 'CLIENT_ID' and 'CLIENT_SECRET' to get them simply head over to this link

  • Login with your email, and now you need to fill the details

    • Under User Type click external and then click create
    • Now type App information
      • Type App name
      • Select support email
      • Type Developer contact information
      • You can also fill the optional details too.. it's upto you
      • Click save and continue
    • Now Click save and continue under Scopes and Test Users
    • Now head over to this Link
      • Click on CREATE CREDENTIALS and then on OAuth client ID
      • select application type as Web Application
      • Type your preffered name or let it be "A-Z Project"
      • Under Authorised JavaScript origins add this link http://localhost:3000
      • Under Authorized redirect URIs add this URI http://localhost:3000/auth/google/secrets
      • Click create
      • now copy the Client id and client secret and paste them in .env file
    • The text in .env should be in this following format
      env file format
  • Run this following command in your terminal npm i

  • Now run node app.js

  • Head over to this link

Contributing

Contributions are welcome! If you find any bugs or have feature requests, please open an issue or submit a pull request.

Contact

If you have any questions or suggestions, or need support, feel free to contact me at parshipraneesh8@gmail.com.

About

Welcome to The_A-Z_Proj repository, this project aims to replicate Amazon website. My goal is to showcase my technical skills.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published