Kumar Avishek

Kumar Avishek

Frontend Engineer

Shoptik

Shoptik is a full-stack eCommerce project designed to sell furniture online. The project uses modern technologies to provide an engaging user interface and a seamless shopping experience.

Indago mobile application screenshots

The Challenge

When I started this project, my goal was to create a fully-functional eCommerce website that can sell furniture online. The challenge was to create an engaging user interface and a seamless shopping experience while also ensuring the security of user information and payment transactions.

Indago dashboard screenshot

Process

To achieve this, I followed a structured process that involved the following steps:

  1. 1.Researching the best technologies and tools to use for the project.
  2. 2.Creating a wireframe and design for the website.
  3. 3.Developing the frontend of the website using React, Context API, and React Router.
  4. 4.Implementing Stripe as the payment gateway and Auth0 for user authentication and authorization.
  5. 5.Using Airtable as a scalable and efficient database solution.
  6. 6.Implementing serverless functions on the backend for data processing and communication with the frontend.

Tech Stacks

Shoptik uses the following tech stacks:

Frontend:

  • React
  • Context API
  • React Router
  • TailwindCSS

Payment Gateway:

  • Stripe

Data Storage:

  • Airtable

Authentication:

  • Auth0

Solution

The result of the project is a fully-functional eCommerce website that can sell furniture online. The website features a user-friendly interface, secure payment gateway integration using Stripe, efficient data storage and retrieval using Airtable, and user authentication and authorization using Auth0.

    Indago screenshot
    Indago screenshot

    Key takeaways

    Understanding the importance of proper project structure and organization.

    • Using modern technologies and tools to create engaging user interfaces and seamless user experiences.
    • Leveraging Git for version control and collaboration in software development.
    • Writing clean and maintainable code for long-term project sustainability.
    • Handling errors and debugging issues in a full-stack project.
    • Ensuring the security of user information and payment transactions.